/* IZN AI Design Tokens — single source of truth for website + app
   Import: <link rel="stylesheet" href="/assets/css/izn-tokens.css">     */
:root {
  /* Palette */
  --izn-navy:       #14365c;
  --izn-navy-deep:  #0A1628;
  --izn-navy-mid:   #1B4571;
  --izn-gold:       #C9A84C;
  --izn-gold-dark:  #A8853A;
  --izn-gold-faint: rgba(201,168,76,.1);
  --izn-teal:       #42C0B0;
  --izn-cream:      #F8F5EF;
  --izn-ivory:      #fbfbfa;
  --izn-white:      #ffffff;
  --izn-surface:    #ffffff;
  --izn-border:     #e8e3da;
  --izn-muted:      #6a737d;
  --izn-text:       #1a1208;
  --izn-green:      #1b8a5b;

  /* Typography */
  --font-heading: 'Fraunces', Georgia, serif;
  --font-body:    'Hanken Grotesk', 'Segoe UI', sans-serif;
  --font-ui:      'Outfit', 'Inter', sans-serif;

  /* Spacing scale */
  --space-xs: 4px;  --space-sm: 8px;  --space-md: 16px;
  --space-lg: 24px; --space-xl: 40px; --space-2xl: 72px;

  /* Radius */
  --radius-sm: 10px; --radius-md: 14px;
  --radius-lg: 18px; --radius-xl: 26px; --radius-pill: 100px;

  /* Shadows */
  --shadow-sm: 0 2px 8px -2px rgba(20,54,92,.08);
  --shadow-md: 0 6px 20px rgba(20,54,92,.12);
  --shadow-gold: 0 6px 20px rgba(201,168,76,.35);

  /* Transitions */
  --transition: all .18s cubic-bezier(.2,.7,.2,1);
}