/* ═══════════════════════════════════════════
   AI GOV KH — Design Tokens (Light Mode)
   ═══════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&display=swap');

:root {
  /* ── Brand Palette ── */
  --royal:        #6F2E91;   /* institutional purple — authority */
  --royal-mid:    #8E44AD;   /* refined purple accent */
  --royal-light:  #A37FD6;   /* lighter purple tone */
  --royal-pale:   #F3EBF8;   /* subtle purple wash */
  --royal-fade:   rgba(111,46,145,.08); /* soft purple overlay */
  --royal-fade-strong: rgba(111,46,145,.16);
  --gradient-primary: linear-gradient(135deg, #6F2E91 0%, #8E44AD 100%);
  --gradient-subtle: linear-gradient(180deg, rgba(111,46,145,.08), rgba(142,68,173,.03));
  --gold:         #C8962A;   /* Khmer gold */
  --gold-light:   #E8B84B;   /* warm gold */
  --gold-pale:    #FBF3DF;   /* gold wash */
  --crimson:      #B5282A;   /* Cambodian red */

  /* ── Neutrals ── */
  --ink:          #0F1923;
  --ink-70:       #3A4A5A;
  --ink-40:       #7A8898;
  --ink-15:       #D8DDE4;
  --ink-05:       #F2F4F6;
  --white:        #FFFFFF;

  /* ── Semantic ── */
  --bg:           var(--white);
  --bg-subtle:    #F7F8FA;
  --bg-accent:    var(--gold-pale);
  --border:       var(--ink-15);
  --border-mid:   #C2CAD4;
  --text-primary: var(--ink);
  --text-secondary: var(--ink-70);
  --text-muted:   var(--ink-40);

  /* ── Typography ── */
  --font-display: 'DM Serif Display', Georgia, serif;
  --font-body:    'DM Sans', system-ui, sans-serif;

  /* ── Spacing Scale ── */
  --s1: 4px;  --s2: 8px;  --s3: 12px;  --s4: 16px;
  --s5: 24px; --s6: 32px; --s7: 48px;  --s8: 64px;
  --s9: 96px; --s10: 128px;

  /* ── Radii ── */
  --r-sm: 6px;  --r-md: 12px;  --r-lg: 20px;  --r-xl: 32px;

  /* ── Shadows ── */
  --shadow-sm:  0 1px 3px rgba(15,25,35,.06), 0 1px 2px rgba(15,25,35,.04);
  --shadow-md:  0 4px 16px rgba(15,25,35,.08), 0 2px 6px rgba(15,25,35,.05);
  --shadow-lg:  0 12px 40px rgba(15,25,35,.12), 0 4px 12px rgba(15,25,35,.06);
  --shadow-xl:  0 24px 64px rgba(15,25,35,.16), 0 8px 24px rgba(15,25,35,.08);

  /* ── Transitions ── */
  --ease: cubic-bezier(.25,.46,.45,.94);
  --ease-spring: cubic-bezier(.34,1.56,.64,1);
  --t-fast: 140ms; --t-mid: 240ms; --t-slow: 400ms;

  /* ── Layout ── */
  --max-w: 1200px;
  --nav-h: 72px;
}