/* ═══════════════════════════════════════════════════════════════
   PRAANA — DESIGN TOKENS · light "warm paper + ink" theme
   Single source of truth. Nothing below this file hardcodes a colour.
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* ── surface ── */
  --paper:        #FAFAF8;   /* page background                     */
  --paper-2:      #F4F3EF;   /* alternating band / inset            */
  --paper-3:      #EDECE6;   /* deeper inset, canvas backdrop       */
  --card:         #FFFFFF;   /* raised card                          */
  --card-tint:    #FCFCFA;

  /* ── ink ── */
  --ink:          #14161A;   /* headlines                            */
  --ink-2:        #33383F;   /* body                                 */
  --ink-3:        #6B7280;   /* secondary                            */
  --ink-4:        #9CA3AF;   /* captions, fine print                 */

  /* ── rules ── */
  --rule:         rgba(20,22,26,.09);
  --rule-2:       rgba(20,22,26,.16);
  --rule-strong:  rgba(20,22,26,.28);

  /* ── accents ── */
  --green:        #12855A;   /* primary — proof, verified, paid      */
  --green-2:      #16A06D;
  --green-soft:   rgba(18,133,90,.10);
  --green-line:   rgba(18,133,90,.32);

  --blue:         #1D5FD0;   /* orchestration, delivery              */
  --blue-soft:    rgba(29,95,208,.09);
  --blue-line:    rgba(29,95,208,.30);

  --amber:        #B4690E;   /* scarcity, demand, price              */
  --amber-soft:   rgba(180,105,14,.10);
  --amber-line:   rgba(180,105,14,.32);

  --violet:       #6D3EC9;   /* provenance, rights                   */
  --violet-soft:  rgba(109,62,201,.09);
  --violet-line:  rgba(109,62,201,.30);

  --red:          #C0392B;   /* rejected, failed gate                */
  --red-soft:     rgba(192,57,43,.09);

  /* per-section accent, re-pointed by [data-accent] below */
  --accent:       var(--green);
  --accent-soft:  var(--green-soft);
  --accent-line:  var(--green-line);

  /* ── type ── */
  --sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --display: 'Space Grotesk', var(--sans);
  --mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* fluid scale — each vw coefficient is derived so the clamp reaches
     its max at ~1440px (max ÷ 1440 × 100), which keeps 1024 comfortable,
     1440 confident and 1920 generous without ever shouting. */
  --t-hero:   clamp(3rem, 6vw, 5.4rem);      /* 86.4px @1440 · 61px @1024 */
  --t-h1:     clamp(2.3rem, 3.8vw, 3.4rem);  /* 54.4px @1440 · 39px @1024 */
  --t-h2:     clamp(1.8rem, 2.9vw, 2.6rem);  /* 41.6px @1440 · 30px @1024 */
  --t-h3:     clamp(1.18rem, 1.68vw, 1.5rem);/* 24.0px @1440 · 17px @1024 */
  --t-lede:   clamp(1.08rem, 1.45vw, 1.42rem);
  --t-body:   clamp(1rem, 1.05vw, 1.09rem);
  --t-small:  .875rem;
  --t-fine:   .78rem;
  --t-micro:  .69rem;

  /* ── space ── */
  --gut: clamp(1.25rem, 4vw, 3.5rem);
  --maxw: 1280px;
  --maxw-narrow: 820px;

  /* ── depth ── */
  --sh-1: 0 1px 2px rgba(20,22,26,.05), 0 1px 1px rgba(20,22,26,.03);
  --sh-2: 0 4px 14px rgba(20,22,26,.06), 0 1px 3px rgba(20,22,26,.04);
  --sh-3: 0 18px 48px rgba(20,22,26,.10), 0 3px 10px rgba(20,22,26,.05);
  --sh-glow: 0 0 0 1px var(--accent-line), 0 10px 30px rgba(20,22,26,.07);

  /* ── motion ── */
  --ease: cubic-bezier(.22,.61,.36,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --ease-io: cubic-bezier(.65,.05,.36,1);
  --dur: .55s;

  --r-sm: 6px;
  --r: 12px;
  --r-lg: 20px;
  --r-pill: 999px;

  /* height of the sticky top bar — the pinned roll unit subtracts it */
  --bar-h: 66px;
}

[data-accent="green"]  { --accent: var(--green);  --accent-soft: var(--green-soft);  --accent-line: var(--green-line); }
[data-accent="blue"]   { --accent: var(--blue);   --accent-soft: var(--blue-soft);   --accent-line: var(--blue-line); }
[data-accent="amber"]  { --accent: var(--amber);  --accent-soft: var(--amber-soft);  --accent-line: var(--amber-line); }
[data-accent="violet"] { --accent: var(--violet); --accent-soft: var(--violet-soft); --accent-line: var(--violet-line); }