/* JeevanDrishti — design tokens (Phase 0)
   Palette approved 2026-09-21. Contrast-checked against WCAG AA.
   Do not hard-code hex values anywhere else in the codebase. */

:root {
  /* Brand */
  --jd-primary:        #C96A24; /* Deep Saffron — fills, shapes, illustration */
  --jd-primary-text:   #A8541A; /* 5.32:1 on white — text + button fills with white text */
  --jd-primary-soft:   #F7E9DC; /* tint for backgrounds */
  --jd-secondary:      #3D356B; /* Royal Indigo — 10.94:1, safe for text */
  --jd-secondary-soft: #E7E4F0;
  --jd-accent:         #D4A84F; /* Antique Gold — 2.21:1, DECORATIVE ONLY, never text */

  /* Surfaces */
  --jd-bg:             #FCF8F1; /* Warm Ivory */
  --jd-surface:        #FFFFFF;
  --jd-border:         #EDE5D8;

  /* Text */
  --jd-text:           #252329; /* Deep Charcoal — 15.54:1 */
  --jd-text-muted:     #6F6861; /* 5.48:1 */
  --jd-text-on-dark:   #FCF8F1;

  /* Timeline / status */
  --jd-success:        #5E8B68; /* Sage — fills only (3.91:1) */
  --jd-success-text:   #4A7254; /* 5.49:1 — labels */
  --jd-success-soft:   #E4EDE6;
  --jd-caution:        #B65C4A; /* Terracotta — 4.55:1 */
  --jd-caution-soft:   #F6E6E2;
  --jd-neutral:        #E8E3F2; /* Soft Lavender — transition periods */
  --jd-mixed:          #D4A84F; /* gold, with charcoal text on it (7.04:1) */
  --jd-mixed-soft:     #FAF0D9; /* gold tint for 'Mixed' pills */

  /* Type */
  --jd-font-head: "Playfair Display", Georgia, "Noto Serif Devanagari", serif;
  --jd-font-body: "Inter", system-ui, -apple-system, "Noto Sans Devanagari", sans-serif;
  --jd-fs-hero: clamp(2rem, 5vw, 3.25rem);
  --jd-fs-h2:   clamp(1.4rem, 3vw, 2rem);
  --jd-fs-body: 1rem;
  --jd-fs-small: 0.875rem;

  /* Space + shape */
  --jd-gutter: 16px;
  --jd-max:    1140px;
  --jd-radius: 12px;
  --jd-radius-sm: 8px;
  --jd-shadow: 0 1px 2px rgba(37,35,41,.06), 0 8px 24px rgba(37,35,41,.06);
}

/* Hindi sets a slightly larger base: Devanagari needs more vertical room
   than Latin at the same nominal size. */
html[lang="hi"] {
  --jd-fs-body: 1.0625rem;
  --jd-fs-small: 0.9375rem;
}
