:root {
    /* Brand palette */
    --wow-blue-900:    #2A2E57;
    --wow-orange-400:  #f48b5e;
    --wow-orange-500:  #DE7242;
    --wow-orange-600:  #B85F41;
    --wow-red-500:     #DE3618;
    --wow-cream:       #dfa990;

    /* Neutral scale (Shadcn-ish) */
    --neutral-50:  #fafafa;
    --neutral-100: #f4f4f5;
    --neutral-200: #e4e4e7;
    --neutral-300: #d4d4d8;
    --neutral-400: #a1a1aa;
    --neutral-500: #71717a;
    --neutral-600: #52525b;
    --neutral-700: #3f3f46;
    --neutral-800: #27272a;
    --neutral-900: #18181b;

    /* Semantic tokens */
    --background:         var(--neutral-50);
    --foreground:         var(--neutral-900);
    --card:               #ffffff;
    --card-foreground:    var(--neutral-900);
    --popover:            #ffffff;
    --popover-foreground: var(--neutral-900);
    --primary:            var(--wow-red-500);
    --primary-foreground: #ffffff;
    --secondary:          var(--neutral-100);
    --secondary-foreground: var(--neutral-900);
    --muted:              var(--neutral-100);
    --muted-foreground:   var(--neutral-500);
    --accent:             var(--wow-orange-500);
    --accent-foreground:  #ffffff;
    --destructive:        #ef4444;
    --destructive-foreground: #ffffff;
    --border:             var(--neutral-200);
    --input:              var(--neutral-200);
    --ring:               var(--wow-red-500);

    /* Radii */
    --radius-sm:   6px;
    --radius:      10px;
    --radius-md:   14px;
    --radius-lg:   18px;
    --radius-xl:   24px;
    --radius-full: 9999px;

    /* Spacing */
    --space-1:  4px;
    --space-2:  8px;
    --space-3:  12px;
    --space-4:  16px;
    --space-5:  20px;
    --space-6:  24px;
    --space-8:  32px;
    --space-10: 40px;
    --space-12: 48px;
    --space-16: 64px;

    /* Shadows */
    --shadow-xs: 0 1px 2px rgba(0,0,0,.05);
    --shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);
    --shadow:    0 4px 10px rgba(0,0,0,.08);
    --shadow-md: 0 6px 18px rgba(0,0,0,.10);
    --shadow-lg: 0 12px 32px rgba(0,0,0,.15);

    /* Typography */
    --font-sans:  "Bricolage Grotesque", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --fs-xs:  12px;
    --fs-sm:  14px;
    --fs-base:16px;
    --fs-lg:  18px;
    --fs-xl:  20px;
    --fs-2xl: 24px;
    --fs-3xl: 30px;
    --fs-4xl: 36px;
    --lh-tight:  1.2;
    --lh-normal: 1.5;

    /* Motion */
    --ease: cubic-bezier(.2,.8,.2,1);
    --dur:  180ms;

    /* Sidebar (admin) */
    --sidebar-w:        260px;
    --sidebar-w-mobile: 100%;
}
