/* DispatchLedger — generated from tokens.json */
:root, [data-theme="clear"] {
  --paper: #f7f8fa;
  --surface: #ffffff;
  --paper-sunk: #eaeef3;
  --ink: #0f1d33;
  --muted: #4f5a6a;
  --accent: #1d6650;
  --accent-strong: #154c3c;
  --on-accent: var(--paper);
  --highlight: #fbe58f;
  --rule: #d9dee5;
  --field-border: #7c8696;
  --error: #b0322a;
  --ink-inverse-muted: #b7c0cd;
  --shadow-panel: 0 1px 2px rgba(20, 35, 63, 0.06), 0 8px 24px rgba(20, 35, 63, 0.07);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --container: 1120px;
  --measure: 640px;
  --tap-min: 48px;
  --header-height: 64px;
  --font-serif: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-sans: "Libre Franklin", "Helvetica Neue", Arial, sans-serif;
}
.display { font-family: var(--font-serif); font-size: 48px; line-height: 52px; font-weight: 500; letter-spacing: -0.005em; }
.display-mobile { font-family: var(--font-serif); font-size: 36px; line-height: 40px; font-weight: 500; letter-spacing: -0.005em; }
.h2 { font-family: var(--font-serif); font-size: 30px; line-height: 36px; font-weight: 500; }
.numeral { font-family: var(--font-serif); font-size: 48px; line-height: 48px; font-weight: 600; }
.lede { font-family: var(--font-sans); font-size: 19px; line-height: 30px; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 26px; font-weight: 400; }
.body-strong { font-family: var(--font-sans); font-size: 16px; line-height: 26px; font-weight: 600; }
.small { font-family: var(--font-sans); font-size: 13px; line-height: 20px; font-weight: 400; }
.eyebrow { font-family: var(--font-sans); font-size: 13px; line-height: 20px; font-weight: 600; letter-spacing: 0.08em; }
@font-face { font-family: "Playfair Display"; src: url("fonts/PlayfairDisplay-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Playfair Display"; src: url("fonts/PlayfairDisplay-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Libre Franklin"; src: url("fonts/LibreFranklin-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Libre Franklin"; src: url("fonts/LibreFranklin-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }