/* ============================================================
   DESIGN TOKENS
   All color, spacing, shadow, and radius values live here.
   To retheme the site, only this file needs to change.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

:root {
  /* --- Brand colors --- */
  --navy:        #0b1437;
  --navy-mid:    #111d4a;
  --navy-light:  #1a2d6d;
  --gold:        #c9a84c;
  --gold-light:  #e8c96a;
  --gold-dark:   #a88630;

  /* --- Surface colors --- */
  --white:       #ffffff;
  --body-bg:     #f4f6fb;
  --border:      #e2e8f0;

  /* --- Text colors --- */
  --text-dark:   #0b1437;
  --text-mid:    #2d3a5e;
  --text-muted:  #6b7a99;

  /* --- Status colors --- */
  --success:     #22c55e;
  --warning:     #f59e0b;
  --info:        #3b82f6;
  --danger:      #ef4444;

  /* --- Shadows --- */
  --shadow-sm:   0 2px 8px rgba(11,20,55,0.06);
  --shadow-md:   0 4px 24px rgba(11,20,55,0.08);
  --shadow-lg:   0 12px 40px rgba(11,20,55,0.12);
  --shadow-dark: 0 4px 24px rgba(0,0,0,0.25);

  /* --- Radii --- */
  --radius-sm:   6px;
  --radius:      10px;
  --radius-lg:   16px;
  --radius-xl:   24px;

  /* --- Transitions --- */
  --transition:      all 0.25s ease;
  --transition-slow: all 0.4s ease;

  /* --- Typography --- */
  --font-base: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}