/* Digital Subak design tokens — generated from docs/design-system/tokens.json. Light theme only. */
:root {
  color-scheme: light;
  --surface-100: #f6f7f0;
  --surface-200: #e3eee5;
  --surface-raised: #ffffff;
  --surface-float: #f9fbf5;
  --ink: #163e37;
  --ink-muted: #57736a;
  --ink-subtle: #66827a;
  --line: #dae5d9;
  --line-strong: #b8d0c1;
  --line-control: #74897f;
  --teal: #176c76;
  --on-teal: #ffffff;
  --river: #208db1;
  --river-text: #1a7a9c;
  --river-light: #39a8c8;
  --leaf: #3e8e43;
  --leaf-text: #2f7a35;
  --terrace-pale: #d3dfb9;
  --terrace-mid: #89b87a;
  --terrace-deep: #4b965d;
  --cream: #f1efce;
  --deep: #163e37;
  --ok: #2f7a35;
  --warn: #9a5b12;
  --danger: #b3402a;
  --on-danger: #ffffff;
  --focus-ring: var(--teal);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-sm: 5px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-pill: 40px;
  --shadow-note: 0 10px 25px #27634812;
  --shadow-sheet: 0 24px 55px #1b42331d;
  --font-display: Fraunces, Georgia, serif;
  --font-sans: "DM Sans", Arial, sans-serif;
}
.t-hero { font: 500 62px/1.04 var(--font-display); letter-spacing: -0.055em; }
.t-title { font: 500 36px/1.08 var(--font-display); letter-spacing: -0.04em; }
.t-reading { font: 500 56px/1 var(--font-display); letter-spacing: -0.04em; }
.t-heading { font: 500 22px/1.2 var(--font-display); letter-spacing: -0.02em; }
.t-value { font: 600 24px/1.1 var(--font-sans); letter-spacing: -0.035em; }
.t-lead { font: 400 15px/1.7 var(--font-sans); }
.t-body { font: 400 14px/1.55 var(--font-sans); }
.t-label { font: 600 12px/1.4 var(--font-sans); }
.t-caption { font: 400 11px/1.5 var(--font-sans); }
.t-eyebrow { font: 700 11px/1.4 var(--font-sans); letter-spacing: 0.2em; text-transform: uppercase; }