/* Longovita design tokens — v1 (accepted 28 Oct 2026)
   Source of truth for web (longovita.app) and desk (admin).
   Copy to repo root as design/tokens.css. */

:root {
  /* Ground and ink */
  --lv-paper:      #F3F4EF;  /* page background */
  --lv-surface:    #FFFFFF;  /* cards, strips */
  --lv-surface-2:  #F7F8F4;  /* nested card fill */
  --lv-ink:        #0E1613;  /* primary text, dark buttons, footer */
  --lv-ink-2:      #3D4743;  /* body text on paper */
  --lv-muted:      #5B655F;  /* captions, mono labels (5.6:1 on paper) */
  --lv-line:       #D9DDD5;  /* borders */
  --lv-line-soft:  #ECEEE8;  /* row dividers inside cards */
  --lv-meter-off:  #C9D0C6;  /* empty bars in the evidence meter */

  /* Brand */
  --lv-accent:     #1E4D3F;  /* moss: primary buttons, Do chip, logo */
  --lv-highlight:  #D4F36B;  /* lime: Watch chip, accents on dark */
  --lv-deep:       #13211C;  /* Skip-list section background */
  --lv-deep-line:  #2E3F38;
  --lv-on-deep:    #B9C4BD;  /* body text on deep/ink backgrounds */

  /* Verdict: Skip (never colour alone — always text + strike icon) */
  --lv-skip-bg:    #F6DED7;
  --lv-skip-ink:   #8A1C12;

  /* Evidence meter: filled bars per label (shape carries meaning) */
  --lv-bars-strong: 4;
  --lv-bars-moderate: 3;
  --lv-bars-early: 2;
  --lv-bars-weak: 1;

  /* Type */
  --lv-font-sans:  "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --lv-font-mono:  "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --lv-font-serif: "Instrument Serif", Georgia, serif;  /* italic accent words only */

  --lv-text-display: clamp(48px, 7vw, 104px);   /* hero H1, weight 600, tracking -0.045em */
  --lv-text-h2:      clamp(36px, 4.6vw, 64px);  /* section heads, tracking -0.04em */
  --lv-text-lead:    clamp(18px, 1.6vw, 21px);
  --lv-text-body:    16px;
  --lv-text-small:   14px;
  --lv-text-label:   13px;  /* mono, uppercase, tracking 0.08em */

  /* Shape and space */
  --lv-radius-pill: 999px;
  --lv-radius-card: 20px;
  --lv-radius-tile: 14px;
  --lv-container:   1240px;
  --lv-gutter:      clamp(16px, 4vw, 48px);
  --lv-section-y:   clamp(64px, 9vw, 128px);
  --lv-touch:       44px;   /* minimum touch target */
}