:root {
    /* Brand — orange on light-dark */
    --primary: #F97316;
    --primary-light: #FB923C;
    --primary-dark: #EA580C;
    --primary-gradient: linear-gradient(135deg, #FB923C 0%, #EA580C 100%);
    --accent-orange: #F97316;
    --accent-purple: #F97316; /* legacy alias */
    --accent-pink: #FB923C;
    --accent-cyan: #A1A1AA;
    --accent-orange-muted: rgba(249, 115, 22, 0.12);

    /* Ambient glow (warm orange on charcoal) */
    --orb-color-1: rgba(249, 115, 22, 0.14);
    --orb-color-2: rgba(234, 88, 12, 0.08);
    --orb-color-1-alt: rgba(251, 146, 60, 0.1);
    --orb-color-2-alt: rgba(234, 88, 12, 0.06);

    /* Surfaces — minimalist light-dark */
    --bg-dark: #0A0A0A;
    --bg-body: #141414;
    --bg-body-alt: #111111;
    --bg-glass: #1C1C1C;
    --bg-glass-strong: #222222;
    --bg-glass-hover: #282828;
    --bg-card: #1A1A1A;
    --bg-card-hover: #222222;
    --border-glass: rgba(255, 255, 255, 0.08);
    --border-color: rgba(255, 255, 255, 0.06);
    --border-subtle: rgba(255, 255, 255, 0.04);

    /* Text — soft white hierarchy */
    --text-primary: #FAFAFA;
    --text-heading: #FFFFFF;
    --text-main: #E4E4E7;
    --text-secondary: #A1A1AA;
    --text-muted: #71717A;
    --text-white: #FFFFFF;

    /* Typography */
    --font-family-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-family-heading: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* Spacing */
    --spacing-xs: clamp(0.2rem, 0.5vw, 0.25rem);
    --spacing-sm: clamp(0.4rem, 1vw, 0.5rem);
    --spacing-md: clamp(0.75rem, 2vw, 1rem);
    --spacing-lg: clamp(1rem, 3vw, 1.5rem);
    --spacing-xl: clamp(1.5rem, 5vw, 2.5rem);
    --spacing-2xl: clamp(2.5rem, 8vw, 4rem);
    --spacing-3xl: clamp(4rem, 12vw, 6rem);

    /* Shadows — depth on dark */
    --card-shadow-color: rgba(0, 0, 0, 0.35);
    --card-hover-shadow: rgba(0, 0, 0, 0.5);

    --shadow-premium:
        0 1px 2px rgba(0, 0, 0, 0.25),
        0 4px 16px rgba(0, 0, 0, 0.35);

    --shadow-premium-hover:
        0 4px 8px rgba(0, 0, 0, 0.3),
        0 16px 32px rgba(0, 0, 0, 0.45);

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.25);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.35);
    --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.45);
    --shadow-glass: 0 1px 3px rgba(0, 0, 0, 0.2);

    --blur-glass: 0px;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 20px;

    --transition-fast: 0.15s ease;
    --transition-base: 0.25s ease;

    /* Motion — refined easing (design-system style) */
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
    --duration-fast: 150ms;
    --duration-base: 250ms;
    --duration-slow: 450ms;

    /* Layout */
    --container-max: 1400px;
    --touch-target-min: 44px;

    --reviews-padding-x: 60px;
    --reviews-padding-y: 0;
    --reviews-gap: 2.25rem;
}