/* JeevanDrishti — design tokens.
   Palette v2, 2026-09-22. "Ink, paper and brass": an almanac read, not a poster.
   Every pair below is validated by tools/palette_check.py — run it after any edit.
   Do not hard-code a hex value anywhere else in the codebase. */

:root {
  /* service card tints (About → What we do): colour, soft wash, border */
  --jd-tint-default: #C2913C; --jd-tint-default-soft: #FBF1DC; --jd-tint-default-line: #EED9AE;
  --jd-tint-gold: #B7832C; --jd-tint-gold-soft: #FBF0D8; --jd-tint-gold-line: #EBD5A6;
  --jd-tint-blue: #2F6DA8; --jd-tint-blue-soft: #E3EEF9; --jd-tint-blue-line: #BCD4EE;
  --jd-tint-green: #4F7F5B; --jd-tint-green-soft: #E4F0E6; --jd-tint-green-line: #BFD9C5;
  --jd-tint-violet: #6A52B8; --jd-tint-violet-soft: #EEE9F9; --jd-tint-violet-line: #D3C8F0;
  --jd-tint-saffron: #C2621F; --jd-tint-saffron-soft: #FCEBDD; --jd-tint-saffron-line: #F1CDAE;
  --jd-tint-rose: #B65466; --jd-tint-rose-soft: #FBE7EA; --jd-tint-rose-line: #EFC3CB;
  --jd-tint-teal: #287F7A; --jd-tint-teal-soft: #E0F2F0; --jd-tint-teal-line: #B5DEDA;
  --jd-tint-indigo: #4B3F8F; --jd-tint-indigo-soft: #ECE9F8; --jd-tint-indigo-line: #CFC8EE;
  /* the nine grahas on the home life timeline (fills; the text sits beside them, not on them) */
  --jd-pl-ketu: #B3A2D6; --jd-pl-venus: #E9A1C2; --jd-pl-sun: #EDB45E; --jd-pl-moon: #92C4E6; --jd-pl-mars: #EC8D6F;
  --jd-pl-rahu: #8B6EB4; --jd-pl-jupiter: #E6BD4B; --jd-pl-saturn: #7288A9; --jd-pl-mercury: #8ABA67;
  --jd-cream: #FCF6EA;  /* the timeline section, matched to its drawing */
  /* --- Ink: dark surfaces. The hero, the footer, the timeline band. --- */
  --jd-ink:            #17141F;
  --jd-ink-soft:       #221D2E; /* raised panel on ink */
  --jd-ink-line:       #362F45; /* hairline on ink */

  /* --- Paper: light surfaces. --- */
  --jd-bg:             #FAF7F1;
  --jd-surface:        #FFFFFF;
  --jd-surface-alt:    #F3EDE3;
  --jd-border:         #E3DACB;
  --jd-border-strong:  #CFC3AF;

  /* --- Text --- */
  --jd-text:           #1E2233;
  --jd-text-muted:     #545A6F;
  --jd-heading:        #1D2B63; /* deep navy */
  --jd-text-on-dark:   #F6F2EA;
  --jd-muted-on-dark:  #B3AABF;

  /* --- Brass: the one accent. Fills and rules on paper, labels on ink. --- */
  --jd-brass:          #C2913C; /* fill / rule / chart stroke — not text on paper */
  --jd-brass-text:     #7D5A14; /* text and button fills on paper */
  --jd-brass-on-dark:  #DCAE55; /* text on ink */
  --jd-brass-soft:     #F5EBD7;

  /* --- Status. Meaning is fixed: these carry the period classification. --- */
  --jd-success:        #86BE99; /* fill, with --jd-text on it */
  --jd-success-text:   #2E6044;
  --jd-success-soft:   #E4EEE7;
  --jd-caution:        #E39A8C; /* fill, with --jd-text on it — same weight as its siblings */
  --jd-caution-text:   #9C3F32;
  --jd-caution-soft:   #F7E5E1;
  --jd-mixed:          #E4BF72; /* fill, with --jd-text on it */
  --jd-mixed-text:     #7D5A14;
  --jd-mixed-soft:     #F8EEDA;
  --jd-neutral:        #D9D3E4; /* transition periods */
  --jd-neutral-text:   #4B4459;
  --jd-neutral-soft:   #EDEAF2;

  /* --- Decorative card accents. These carry NO status meaning; the four
         status colours above are the only ones that do. Used for the numbered
         badges and the tinted panels on the feature cards. --- */
  --jd-violet:      #5B43A8;
  --jd-violet-soft: #ECE8F8;
  --jd-facebook:       #1465D8; /* Facebook blue, darkened for white text (5.4:1) */
  --jd-facebook-deep:  #0F52B3;
  --jd-azure:       #2F6DA8;
  --jd-azure-soft:  #E6EFF8;
  /* admin dashboard tiles: the validated chart palette (rose, saffron) and a teal */
  --jd-rose:        #B65466;
  --jd-rose-soft:   #F6E6EA;
  --jd-saffron:     #C2621F;
  --jd-saffron-soft:#F8E8DC;
  --jd-teal:        #2E7D74;
  --jd-teal-soft:   #DFF0ED;
  /* spiritual books: the devotional palette of the book pages (maroon on temple cream) */
  --jd-maroon:      #7A1424;
  --jd-maroon-deep: #5A0E1B;
  --jd-temple:      #F6EDDE;
  --jd-temple-ink:  #5E3F2A;

  /* --- Interaction --- */
  --jd-focus:          #6B4BB8;

  /* --- Type --- */
  --jd-font-head: "Fraunces", "Noto Serif Devanagari", Georgia, serif;
  --jd-font-body: "Inter", "Noto Sans Devanagari", system-ui, -apple-system, sans-serif;
  --jd-font-num:  "Inter", system-ui, sans-serif;

  --jd-fs-hero:  clamp(2.1rem, 4.6vw, 3.4rem);
  --jd-fs-h2:    clamp(1.5rem, 2.8vw, 2.1rem);
  --jd-fs-h3:    clamp(1.08rem, 1.6vw, 1.2rem);
  --jd-fs-body:  1rem;
  --jd-fs-small: 0.875rem;
  --jd-fs-micro: 0.78rem;

  /* --- Space and shape --- */
  --jd-gutter: 20px;
  --jd-max:    1180px;
  --jd-radius:    14px;
  --jd-radius-sm: 9px;
  --jd-radius-pill: 999px;
  --jd-shadow-sm: 0 1px 2px rgba(23,20,31,.05), 0 2px 8px rgba(23,20,31,.04);
  --jd-shadow:    0 2px 6px rgba(23,20,31,.05), 0 14px 38px rgba(23,20,31,.09);
  --jd-shadow-lg: 0 4px 10px rgba(23,20,31,.06), 0 30px 70px rgba(23,20,31,.16);
}

/* 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;
  --jd-fs-micro: 0.83rem;
}