:root {
    /* Primary color palette */
    --color-primary: #d14f3f;
    --color-primary-hover: #9c3426;
    --color-primary-light: #f8e5e2;
    --color-primary-lighter: #faecea;
    --color-primary-dark: #5e1f17;
    --color-primary-rgb: 209, 79, 63;
    --color-primary-contrast: #ffffff;
    --brand-primary-contrast: #ffffff;

    /* Secondary color palette */
    --color-secondary: #403f41;
    --color-secondary-hover: #1a191a;
    --color-secondary-light: #a6a4a8;
    --color-secondary-lighter: #f2f2f3;
    --color-secondary-dark: #000000;
    --color-secondary-rgb: 64, 63, 65;
    --color-secondary-contrast: #ffffff;

    /* Tertiary color palette */
    --color-tertiary: #c3dce1;
    --color-tertiary-hover: #8fbdc7;
    --color-tertiary-light: #eef5f6;
    --color-tertiary-lighter: #eef5f6;
    --color-tertiary-dark: #5ca0ad;
    --color-tertiary-rgb: 195, 220, 225;
    --color-tertiary-contrast: #333333;

    /* Semantic accent hierarchy */
    --color-accent-strong: var(--color-primary);
    --color-accent-strong-light: var(--color-primary-light);
    --color-accent-medium: var(--color-secondary);
    --color-accent-medium-light: var(--color-secondary-light);
    --color-accent-medium-lighter: var(--color-secondary-lighter);
    --color-accent-subtle: var(--color-tertiary);
    --color-accent-subtle-light: var(--color-tertiary-light);
    --color-accent-subtle-lighter: var(--color-tertiary-lighter);

    /* Overlay colors */
    --color-overlay-brand: rgba(209, 79, 63, 0.7);
    --color-overlay-brand-light: rgba(209, 79, 63, 0.4);

    /* Section theme colors */
    --color-dark: #1a1a1a;
    --color-contrast: #ffffff;
    --section-dark-bg: color-mix(in srgb, #d14f3f 15%, #0f172a);
    --section-light-bg: #ffffff;
    --section-dark-text: #ffffff;
    --section-light-text: color-mix(in srgb, #d14f3f 20%, #1e293b);

    /* Theme variant backgrounds */
    --section-dark-muted-bg: color-mix(in srgb, #d14f3f 8%, #0a0a0a);
    --section-dark-brand-bg: color-mix(in srgb, #d14f3f 40%, #0f172a);
    --section-light-muted-bg: #f8fafc;

    /* Navigation colors */
    --nav-background: #d14f3f;
    --nav-link-color: #ffffff;
    --nav-text-color: #ffffff;
    --nav-link-hover-color: #7891de;
    --nav-hover-color: #7891de;
    --nav-menu-toggle-hover-color: #bbd4d9;
    --nav-button-fill: #ffffff;
    --nav-button-text: #1e293b;
    --nav-button-dark: #d24f3e;
    --nav-button-light: #ffffff;
    --nav-blur: 0;
    --nav-shadow: 0 1px 3px rgba(0,0,0,0.1);
    --nav-font-family: 'Inter', system-ui, sans-serif;
    --nav-border: 1px solid rgba(255,255,255,0.1);
    --nav-hover-transition: 0.15s;
    --nav-button-style: dark;
    --drawer-nav-background: #0a0a3a;
    --drawer-nav-link-color: #ffffff;
    --drawer-nav-text-color: #ffffff;
    --drawer-nav-link-hover-color: #7891de;
    --drawer-nav-hover-color: #7891de;
    --drawer-nav-menu-toggle-hover-color: #bbd4d9;
    --drawer-nav-button-fill: #ffffff;
    --drawer-nav-button-text: #1e293b;
    --drawer-nav-button-dark: #d24f3e;
    --drawer-nav-button-light: #ffffff;
    --drawer-nav-blur: 0;
    --drawer-nav-shadow: 0 1px 3px rgba(0,0,0,0.1);
    --drawer-nav-font-family: 'Inter', system-ui, sans-serif;
    --drawer-nav-border: 1px solid color-mix(in srgb, #ffffff 12%, transparent);
    --drawer-nav-hover-transition: 0.15s;
    --drawer-nav-button-style: dark;

    /* Typography */
    --font-heading: 'Poppins', system-ui, sans-serif;
    --font-body: 'Inter', system-ui, sans-serif;

    /* Border radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-btn: 8px;
    --radius-chip: 8px;
    --default-radius: 8px;

    /* Spacing scale (fixed) */
    --spacing-0: 0;
    --spacing-1: 0.25rem;
    --spacing-2: 0.5rem;
    --spacing-3: 0.75rem;
    --spacing-4: 1rem;
    --spacing-5: 1.25rem;
    --spacing-6: 1.5rem;
    --spacing-8: 2rem;
    --spacing-10: 2.5rem;
    --spacing-12: 3rem;
    --spacing-16: 4rem;
    --spacing-20: 5rem;
    --spacing-24: 6rem;
    --spacing-32: 8rem;

    /* Section padding (comfortable: 1x) */
    --section-padding-y: 4rem;

    /* Hover effects */
    --hover-transition: 150ms ease;
    --button-hover-transform: none;
    --button-hover-glow: none;
    --card-hover-transform: translateY(-4px);
    --card-hover-shadow: var(--shadow-lg);
    --chip-hover-transform: none;
}