/*
  YANTRA — Design Tokens
  Sacred colors only. Every surface, accent, and shadow in this system
  traces back to these eight hex values directly — no color-mix, no
  invented tones. LIGHT MODE ONLY — no dark variant, no OS/browser
  color-scheme handoff, no data-theme toggle. If dark mode is wanted
  later, it gets reintroduced deliberately, not left in as dead code.
*/

:root {
  color-scheme: light;

  /* ---------- Sacred Colors (source of truth) ---------- */
  --color-paper:      #F7F3EB;
  --color-cream:       #F2EEE6;
  --color-stone:       #D8D0C4;
  --color-warm-gray:   #9D9588;
  --color-ink:         #2E2B28;
  --color-forest:      #67795A;
  --color-gold:        #B99149;
  --color-vermillion:  #C45C3E;

  /* ---------- Surfaces (light — default) ---------- */
  --surface-0: var(--color-paper);   /* page background */
  --surface-1: var(--color-cream);   /* raised panels, cards */
  --surface-2: var(--color-stone);   /* dividers, subtle wells */

  /* ---------- Text (light — default) ---------- */
  --text-primary:   var(--color-ink);
  --text-muted:     var(--color-warm-gray);
  --text-on-accent: var(--color-paper);

  /* ---------- Borders ---------- */
  --border-subtle: var(--color-stone);
  --border-strong: var(--color-warm-gray);

  /* ---------- Accents ---------- */
  --accent-forest:     var(--color-forest);
  --accent-gold:       var(--color-gold);
  --accent-vermillion: var(--color-vermillion);

  /* ---------- Pillar Colors ---------- */
  --pillar-shoonya:    var(--color-ink);       /* meditation — stillness */
  --pillar-annapurna:  var(--color-vermillion);/* kitchen — fire, nourishment */
  --pillar-smriti:     var(--color-forest);    /* clinical — steady, grounded */
  --pillar-tarang:     var(--color-gold);      /* music — resonance */
  --pillar-vajra:      var(--color-warm-gray); /* strength — earth, iron */

  /* ---------- Typography ---------- */
  --font-serif: "Playfair Display", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --font-sans:  "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono:  ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-md:   1.125rem;
  --text-lg:   1.375rem;
  --text-xl:   1.75rem;
  --text-2xl:  2.25rem;
  --text-3xl:  3rem;

  --leading-tight:  1.25;
  --leading-normal: 1.5;   /* Material Design 3 body-large line-height */
  --leading-title:  1.27;  /* Material Design 3 title-large line-height */
  --leading-loose:  2;

  /* Japanese spacing (ma / 間) — wide tracking on display type,
     generous breathing room between words and lines */
  --tracking-tight:  0em;
  --tracking-normal: 0.01em;
  --tracking-wide:   0.08em;
  --tracking-widest: 0.24em;

  /* Material Design 3 type-scale tracking — applied to running body
     copy and small/label text specifically (not the shared
     --tracking-normal above, which many unrelated UI rules already
     reference) so this reads through only where "readability" is
     actually the concern. */
  --tracking-body:  0.03em;   /* M3 body-large: ~0.5px @ 16px */
  --tracking-label: 0.007em;  /* M3 label-large: ~0.1px @ 14px */

  /* ---------- Spacing Scale ---------- */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  32px;
  --space-2xl: 48px;

  /* ---------- Radius ---------- */
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-full: 9999px;

  /* ---------- Shadow (warm, never cold black — a temple, not a dashboard) ---------- */
  --shadow-sm: 0 1px 3px rgba(46, 43, 40, 0.04);
  --shadow-md: 0 4px 12px rgba(46, 43, 40, 0.06);
  --shadow-lg: 0 8px 24px rgba(46, 43, 40, 0.08);

  /* ---------- Motion (slow, unhurried) ---------- */
  --ease-paper: cubic-bezier(0.25, 0.1, 0.25, 1);
  --duration-fast:   200ms;
  --duration-normal: 300ms;
  --duration-slow:   500ms;
  --duration-breath: 4000ms;

  /* ---------- Layout ---------- */
  --content-width-sm: 40rem;
  --content-width-md: 56rem;
  --content-width-lg: 72rem;

  /* ---------- Z-index scale ---------- */
  --z-base: 0;
  --z-raised: 10;
  --z-nav: 100;
  --z-overlay: 500;
  --z-modal: 1000;

  --theme-color: var(--color-paper);
}