/* ============================================
   CareNav — Brand Tokens
   Humanist, warm, reassuring. Grounded sage + coral.
   ============================================ */

:root {
  /* ---------- Primary: Forest / Sage ---------- */
  --cn-forest-950: #0E1C18;
  --cn-forest-900: #13302A;
  --cn-forest-800: #1C4539;
  --cn-forest-700: #2A5F52;   /* PRIMARY */
  --cn-forest-600: #3F7E6E;
  --cn-forest-500: #5D9A8A;
  --cn-forest-400: #8FB9AE;
  --cn-forest-300: #B8D4CC;
  --cn-forest-200: #D9E7E2;
  --cn-forest-100: #ECF3F0;
  --cn-forest-50:  #F5FAF8;

  /* ---------- Accent: Coral (warm, human) ---------- */
  --cn-coral-900: #5C2518;
  --cn-coral-800: #7E3524;
  --cn-coral-700: #A54A32;
  --cn-coral-600: #C86147;   /* ACCENT */
  --cn-coral-500: #DC7F66;
  --cn-coral-400: #E9A28E;
  --cn-coral-300: #F2C5B6;
  --cn-coral-200: #F8DDD2;
  --cn-coral-100: #FCEDE5;

  /* ---------- Support: Gold (beacon/highlight) ---------- */
  --cn-gold-700: #B2841E;
  --cn-gold-600: #D4A23B;
  --cn-gold-500: #E8BC60;
  --cn-gold-300: #F3D99A;
  --cn-gold-100: #FBF1D7;

  /* ---------- Cream / warm neutrals ---------- */
  --cn-cream-500: #E8DCC4;
  --cn-cream-400: #EEE3CE;
  --cn-cream-300: #F3EADA;
  --cn-cream-200: #F7F0E3;
  --cn-cream-100: #FBF6EC;
  --cn-cream-50:  #FDFAF3;

  /* ---------- Ink / cool neutrals ---------- */
  --cn-ink-900: #17211E;     /* Body text */
  --cn-ink-800: #2A3530;
  --cn-ink-700: #414C47;
  --cn-ink-600: #5A6560;
  --cn-ink-500: #7A857F;
  --cn-ink-400: #9CA6A1;
  --cn-ink-300: #C2CAC5;
  --cn-ink-200: #DEE3E0;
  --cn-ink-100: #EEF1EF;
  --cn-ink-50:  #F7F8F7;

  /* ---------- Semantic ---------- */
  --cn-success: #3F7E6E;
  --cn-warning: #D4A23B;
  --cn-danger:  #B84A3A;
  --cn-info:    #5D9A8A;

  /* ---------- Type ---------- */
  --cn-font-display: "Fraunces", "DM Serif Display", Georgia, serif;
  --cn-font-sans:    "DM Sans", "Inter", system-ui, -apple-system, sans-serif;
  --cn-font-mono:    "JetBrains Mono", "SF Mono", ui-monospace, monospace;

  /* ---------- Radii ---------- */
  --cn-r-sm: 6px;
  --cn-r-md: 12px;
  --cn-r-lg: 20px;
  --cn-r-xl: 28px;
  --cn-r-2xl: 40px;

  /* ---------- Shadows (soft, warm) ---------- */
  --cn-shadow-sm: 0 1px 2px rgba(20, 40, 34, 0.05), 0 1px 3px rgba(20, 40, 34, 0.04);
  --cn-shadow-md: 0 4px 12px rgba(20, 40, 34, 0.06), 0 2px 4px rgba(20, 40, 34, 0.04);
  --cn-shadow-lg: 0 16px 40px rgba(20, 40, 34, 0.08), 0 4px 12px rgba(20, 40, 34, 0.04);
}

html, body { margin: 0; padding: 0; }
body {
  font-family: var(--cn-font-sans);
  color: var(--cn-ink-900);
  background: var(--cn-cream-100);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
* { box-sizing: border-box; }