/* WayYourChild Design System — Academic Navy & Gold
   Drop-in CSS custom properties. Import once at the app root:
   @import "/tokens/tokens.css";
*/
:root {
  /* Brand — Navy ramp */
  --wyc-navy-50:#EEF1F6;  --wyc-navy-100:#D7DEEA; --wyc-navy-200:#AEBED2;
  --wyc-navy-300:#8198B6; --wyc-navy-400:#506C92; --wyc-navy-500:#2F4A73;
  --wyc-navy-600:#26395F; --wyc-navy-700:#1B2A4A; --wyc-navy-800:#142036; --wyc-navy-900:#0D1626;

  /* Brand — Gold ramp */
  --wyc-gold-50:#FBF7EC;  --wyc-gold-100:#F4ECD6; --wyc-gold-200:#E8D6A6;
  --wyc-gold-300:#D9BD74; --wyc-gold-400:#C8A24B; --wyc-gold-500:#B08C3A; --wyc-gold-600:#8E6F2C;

  /* Neutrals (warm grey) */
  --wyc-grey-0:#FFFFFF;  --wyc-grey-50:#FBFAF7; --wyc-grey-100:#F5F2EB; --wyc-grey-200:#E7E3DA;
  --wyc-grey-300:#D7D2C6; --wyc-grey-400:#A9A294; --wyc-grey-500:#7A7466;
  --wyc-grey-600:#5B5547; --wyc-grey-700:#423D32; --wyc-grey-800:#2A2620;

  /* Roles */
  --wyc-primary:#1B2A4A;     --wyc-primary-600:#26395F; --wyc-primary-700:#142036; --wyc-on-primary:#FFFFFF;
  --wyc-accent:#C8A24B;      --wyc-accent-600:#B08C3A;  --wyc-on-accent:#241B07;
  --wyc-bg:#FBFAF7;          --wyc-surface:#FFFFFF;     --wyc-surface-2:#F5F2EB; --wyc-border:#E7E3DA;
  --wyc-text:#1A1F2B;        --wyc-muted:#5B6473;       --wyc-faint:#8A8474;

  /* Semantic */
  --wyc-success:#2E7D5B; --wyc-warning:#B7791F; --wyc-error:#B23A3A; --wyc-info:#2A5B8C;

  /* Radius */
  --wyc-radius-sm:6px; --wyc-radius:10px; --wyc-radius-lg:16px; --wyc-radius-pill:999px;

  /* Elevation */
  --wyc-shadow-sm:0 1px 2px rgba(20,25,40,.06),0 1px 3px rgba(20,25,40,.05);
  --wyc-shadow-md:0 4px 12px rgba(20,25,40,.08),0 2px 4px rgba(20,25,40,.05);
  --wyc-shadow-lg:0 16px 40px rgba(20,25,40,.16),0 4px 10px rgba(20,25,40,.08);

  /* Type */
  --wyc-font-head:"Fraunces",Georgia,"Times New Roman",serif;
  --wyc-font-body:"Inter",system-ui,-apple-system,sans-serif;
  --wyc-font-mono:"SF Mono",ui-monospace,"Cascadia Mono",Menlo,Consolas,monospace;

  /* Spacing (4-pt) */
  --wyc-space-1:4px; --wyc-space-2:8px; --wyc-space-3:12px; --wyc-space-4:16px;
  --wyc-space-6:24px; --wyc-space-8:32px; --wyc-space-12:48px; --wyc-space-16:64px;

  /* Z-index */
  --wyc-z-sticky:100; --wyc-z-dropdown:400; --wyc-z-drawer:600; --wyc-z-modal:800; --wyc-z-toast:1000;

  /* Layout */
  --wyc-sidebar-w:248px; --wyc-header-h:58px; --wyc-container:1240px;
}