/* Sahaayo design tokens — official palette approved by the owner on 21 Oct 2026.
   The only place colours, type, radius and shadow are defined. */
:root {
  /* SAHAAYO — OFFICIAL BRAND PALETTE */
  --sahaayo-navy: #10283B;
  --sahaayo-mint: #37CFA4;
  --sahaayo-white: #F7FAFC;
  --sahaayo-amber: #F5A623;
  --sahaayo-slate: #203B50;
  --sahaayo-muted: #91A6B7;

  /* UI SEMANTIC COLORS */
  --color-primary: var(--sahaayo-navy);
  --color-accent: var(--sahaayo-mint);
  --color-background: var(--sahaayo-white);
  --color-surface: #FFFFFF;
  --color-text: #10283B;
  --color-text-secondary: #52687B;
  --color-border: #DFE7ED;
  --color-success: #16825D;   /* also the text-safe mint on light backgrounds */
  --color-warning: #B86B00;
  --color-danger: #C63838;

  /* TYPOGRAPHY */
  --font-heading: "Manrope", sans-serif;
  --font-body: "Inter", sans-serif;
  --font-devanagari: "Noto Sans Devanagari", sans-serif;

  /* DESIGN TOKENS */
  --radius-card: 16px;
  --radius-button: 12px;
  --radius-input: 10px;
  --shadow-card: 0 8px 30px rgba(16, 40, 59, 0.08);

  /* spacing ladder (4px) and motion — unchanged */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:96px;
  --ease: cubic-bezier(.4,0,.2,1);
}
/* Note: mint #37CFA4 on white is about 1.9:1 — use it for fills and buttons (with navy text),
   never for small text on light backgrounds; use --color-success there. */