/* =========================================================================
   Vegas Tars 11 — Design Tokens
   Spindex-inspired: dark-first, gold-accented, data-forward.
   ========================================================================= */

:root {
  /* ---- Brand: primary indigo ---- */
  --primary-50:  #EEF0FF;
  --primary-100: #D8DDFF;
  --primary-200: #B5BCFF;
  --primary-300: #8892FF;
  --primary-400: #5A67FF;
  --primary-500: #3A47E6;
  --primary-600: #2A34B8;
  --primary-700: #1F268A;
  --primary-800: #141959;
  --primary-900: #0A0D35;

  /* ---- Brand: accent gold ---- */
  --accent-50:  #FFF9E5;
  --accent-100: #FFF1B8;
  --accent-200: #FFE688;
  --accent-300: #FFDA58;
  --accent-400: #FFCE30;
  --accent-500: #FFC107;
  --accent-600: #E0A800;
  --accent-700: #B88600;
  --accent-800: #8F6800;
  --accent-900: #664A00;

  /* ---- Semantic ---- */
  --success:      #10B981;
  --success-bg:   #065F46;
  --success-fg:   #D1FAE5;
  --warning:      #F59E0B;
  --warning-bg:   #78350F;
  --warning-fg:   #FEF3C7;
  --danger:       #EF4444;
  --danger-bg:    #7F1D1D;
  --danger-fg:    #FEE2E2;
  --info:         #3B82F6;
  --info-bg:      #1E3A8A;
  --info-fg:      #DBEAFE;

  /* ---- Neutrals (zinc) ---- */
  --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;
  --neutral-950: #09090B;

  /* ---- Compliance ---- */
  --c-18-bg:  #FEE2E2;
  --c-18-fg:  #DC2626;
  --c-acma-bg: #0C4A6E;
  --c-acma-fg: #E0F2FE;
  --c-rg-bg:  #065F46;
  --c-rg-fg:  #D1FAE5;

  /* ---- Surface (dark theme default) ---- */
  --bg:            #09090B;
  --bg-elevated:   #101013;
  --card:          #18181B;
  --card-hover:    #1F1F23;
  --border:        #27272A;
  --border-strong: #3F3F46;
  --text:          #FAFAFA;
  --text-muted:    #A1A1AA;
  --text-subtle:   #71717A;
  --hero-bg:       linear-gradient(180deg, #141959 0%, #0A0D35 60%, #09090B 100%);
  --panel-bg:      linear-gradient(160deg, #18181B 0%, #101013 100%);

  /* ---- Type ---- */
  --font-sans: "Inter", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-serif: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;

  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.25rem;
  --fs-2xl: 1.5rem;
  --fs-3xl: 1.875rem;
  --fs-4xl: 2.25rem;
  --fs-5xl: 3rem;
  --fs-6xl: 3.75rem;
  --fs-hero: clamp(2rem, 4vw + 1rem, 3.75rem);
  --fs-h2:   clamp(1.5rem, 2.5vw + 0.5rem, 2.25rem);
  --fs-h3:   clamp(1.25rem, 1.5vw + 0.75rem, 1.75rem);

  /* ---- Spacing ---- */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.25rem;
  --sp-6: 1.5rem;
  --sp-8: 2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-20: 5rem;
  --sp-24: 6rem;
  --sp-32: 8rem;

  /* ---- Radius ---- */
  --r-sm: 0.25rem;
  --r-md: 0.5rem;
  --r-lg: 0.75rem;
  --r-xl: 1rem;
  --r-2xl: 1.5rem;
  --r-full: 9999px;

  /* ---- Shadow ---- */
  --sh-sm: 0 1px 2px 0 rgba(0,0,0,0.35);
  --sh-md: 0 4px 6px -1px rgba(0,0,0,0.4), 0 2px 4px -2px rgba(0,0,0,0.3);
  --sh-lg: 0 10px 15px -3px rgba(0,0,0,0.45), 0 4px 6px -4px rgba(0,0,0,0.35);
  --sh-xl: 0 20px 25px -5px rgba(0,0,0,0.5), 0 8px 10px -6px rgba(0,0,0,0.4);
  --sh-gold: 0 0 32px rgba(255,193,7,0.28);
  --sh-primary: 0 0 32px rgba(90,103,255,0.25);
  --sh-card: 0 2px 12px rgba(0,0,0,0.35);

  /* ---- Layout ---- */
  --container: 1200px;
  --wide: 1440px;
  --prose: 72ch;
  --header-h: 68px;
  --ribbon-h: 40px;

  /* ---- z-index ---- */
  --z-nav: 100;
  --z-sticky: 90;
  --z-dropdown: 200;
  --z-modal: 1000;
  --z-agegate: 9999;

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 150ms;
  --dur-base: 250ms;
  --dur-slow: 400ms;
}

/* Light mode override (secondary) */
[data-theme="light"] {
  --bg:            #FFFFFF;
  --bg-elevated:   #FAFAFA;
  --card:          #FFFFFF;
  --card-hover:    #F4F4F5;
  --border:        #E4E4E7;
  --border-strong: #D4D4D8;
  --text:          #18181B;
  --text-muted:    #52525B;
  --text-subtle:   #71717A;
  --hero-bg:       linear-gradient(180deg, #EEF0FF 0%, #F4F4F5 100%);
  --panel-bg:      linear-gradient(160deg, #FFFFFF 0%, #FAFAFA 100%);
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}