:root {
    /* Colors */
    --color-asphalt: #0d0f12;
    --color-concrete: #f2f0eb;
    --color-chalk: #ffffff;
    --color-volt: #f5c518;
    --color-ember: #e85d04;
    --color-steel: #6b7280;

    /* Legacy aliases for RS plugins */
    --rc-black: var(--color-asphalt);
    --rc-white: var(--color-chalk);
    --rc-silver-light: var(--color-concrete);
    --rc-gray-dark: var(--color-steel);
    --color-primary: var(--color-volt);
    --color-background: var(--color-concrete);
    --color-text: var(--color-asphalt);
    --color-text-secondary: var(--color-steel);
    --rgba-silver-06: rgba(13, 15, 18, 0.06);
    --rgba-silver-14: rgba(13, 15, 18, 0.14);

    /* Typography */
    --font-display-family: "Big Shoulders Display", system-ui, sans-serif;
    --font-body-family: "Sora", system-ui, sans-serif;
    --font-display: clamp(2.5rem, 6vw, 4.5rem);
    --font-h2: clamp(1.75rem, 4vw, 2.75rem);
    --font-h3: clamp(1.25rem, 3vw, 1.75rem);
    --font-body: clamp(1rem, 2.5vw, 1.125rem);
    --font-small: clamp(0.875rem, 2vw, 0.9375rem);

    /* Layout */
    --container-max: 72rem;
    --container-padding: clamp(1rem, 4vw, 1.5rem);
    --section-gap: clamp(4rem, 10vw, 7rem);
    --header-height: 4.5rem;
    --slash-angle: 12deg;

    /* Motion */
    --ease-slash: cubic-bezier(0.22, 1, 0.36, 1);
    --duration-fast: 180ms;
    --duration-normal: 280ms;

    /* Surfaces */
    --shadow-card: 0 4px 24px rgba(13, 15, 18, 0.08);
    --radius-sm: 4px;
    --radius-md: 8px;
    --focus-ring: 2px solid var(--color-volt);
}