:root {
    /* Brand — Burnt Orange & Vanilla */
    --primary: #EA580C;
    --primary-light: #FF6B35;
    --primary-dark: #C2410C;
    --primary-gradient: linear-gradient(135deg, #FF6B35 0%, #EA580C 100%);
    --accent-orange: #EA580C;
    --accent-purple: #EA580C; /* legacy alias */
    --accent-pink: #FF8C61;
    --accent-cyan: #FDBA74;
    --accent-orange-muted: rgba(234, 88, 12, 0.12);

    /* Ambient glow (warm burnt orange on light vanilla canvas) */
    --orb-color-1: rgba(234, 88, 12, 0.08);
    --orb-color-2: rgba(255, 107, 53, 0.06);
    --orb-color-1-alt: rgba(234, 88, 12, 0.05);
    --orb-color-2-alt: rgba(255, 107, 53, 0.03);

    /* Surfaces — warm vanilla & crisp white cards */
    --bg-dark: #FFFBF7;
    --bg-body: #FFF8F0;
    --bg-body-alt: #FDF5EC;
    --bg-glass: rgba(255, 255, 255, 0.75);
    --bg-glass-strong: rgba(255, 255, 255, 0.9);
    --bg-glass-hover: rgba(255, 255, 255, 0.98);
    --bg-card: #FFFFFF;
    --bg-card-hover: #FFFBF7;
    --border-glass: rgba(234, 88, 12, 0.15);
    --border-color: rgba(0, 0, 0, 0.08);
    --border-subtle: rgba(0, 0, 0, 0.04);

    /* Text — charcoal hierarchy on light surfaces */
    --text-primary: #18181B;
    --text-heading: #0F172A;
    --text-main: #27272A;
    --text-secondary: #52525B;
    --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 — soft depth on light vanilla canvas */
    --card-shadow-color: rgba(234, 88, 12, 0.06);
    --card-hover-shadow: rgba(234, 88, 12, 0.12);

    --shadow-premium:
        0 4px 20px rgba(234, 88, 12, 0.06),
        0 1px 3px rgba(0, 0, 0, 0.05);

    --shadow-premium-hover:
        0 12px 32px rgba(234, 88, 12, 0.12),
        0 4px 8px rgba(0, 0, 0, 0.06);

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 12px 36px rgba(0, 0, 0, 0.08);
    --shadow-glass: 0 2px 8px rgba(234, 88, 12, 0.05);

    --blur-glass: 12px;
    --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;
}