/* ProbateLedger — generated from tokens.json */
/* Website copy. Do not edit by hand: change tokens.json and run node brand/build-css.mjs */


:root {
  --paper: #f5f7f4;
  --surface: #ffffff;
  --surface-sunk: #ebefeb;
  --ink: #14211c;
  --ink-muted: #4a5a53;
  --rule: #d3dbd6;
  --rule-strong: #7d8c85;
  --ledger: #1d5b45;
  --ledger-deep: #123d2e;
  --on-ledger: #ffffff;
  --ledger-tint: #e2eee8;
  --manila: #ead9af;
  --manila-ink: #5e4a1b;
  --stamp: #b2352a;
  --focus: #0b57d0;
  --warn: #8a5300;
  --warn-tint: #fbf0dc;
  --shadow-card: 0 1px 0 #d3dbd6, 0 6px 20px rgba(20,33,28,0.06);
  --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-none: 0px;
  --radius-sm: 3px;
  --radius-md: 6px;
  --measure: 66ch;
  --page-max: 1120px;
  --tap-min: 44px;
  --font-display: "Bitter", "Rockwell", "Roboto Slab", Georgia, serif;
  --font-sans: "Public Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #0d1512;
    --surface: #141f1b;
    --surface-sunk: #0a110e;
    --ink: #e5ece8;
    --ink-muted: #a2b2ab;
    --rule: #2a3833;
    --rule-strong: #6f8079;
    --ledger: #58b791;
    --ledger-deep: #8fd3b6;
    --on-ledger: #06140e;
    --ledger-tint: #173329;
    --manila: #3b3223;
    --manila-ink: #e6d3a2;
    --stamp: #f07c6e;
    --focus: #8ab4ff;
    --warn: #f2b55e;
    --warn-tint: #33270f;
    --shadow-card: 0 1px 0 #2a3833, 0 6px 20px rgba(0,0,0,0.35);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --paper: #0d1512;
  --surface: #141f1b;
  --surface-sunk: #0a110e;
  --ink: #e5ece8;
  --ink-muted: #a2b2ab;
  --rule: #2a3833;
  --rule-strong: #6f8079;
  --ledger: #58b791;
  --ledger-deep: #8fd3b6;
  --on-ledger: #06140e;
  --ledger-tint: #173329;
  --manila: #3b3223;
  --manila-ink: #e6d3a2;
  --stamp: #f07c6e;
  --focus: #8ab4ff;
  --warn: #f2b55e;
  --warn-tint: #33270f;
  --shadow-card: 0 1px 0 #2a3833, 0 6px 20px rgba(0,0,0,0.35);
  color-scheme: dark;
}

.display-xl { font-family: var(--font-display); font-size: 56px; line-height: 1.05; font-weight: 700; letter-spacing: -0.5px; }

.display-lg { font-family: var(--font-display); font-size: 40px; line-height: 1.1; font-weight: 700; letter-spacing: -0.3px; }

.display-md { font-family: var(--font-display); font-size: 28px; line-height: 1.2; font-weight: 600; }

.lede { font-family: var(--font-sans); font-size: 21px; line-height: 1.5; font-weight: 400; }

.body { font-family: var(--font-sans); font-size: 18px; line-height: 1.6; font-weight: 400; }

.body-strong { font-family: var(--font-sans); font-size: 18px; line-height: 1.6; font-weight: 600; }

.small { font-family: var(--font-sans); font-size: 15px; line-height: 1.5; font-weight: 400; }

.label { font-family: var(--font-sans); font-size: 13px; line-height: 1.3; font-weight: 600; letter-spacing: 0.8px; }

.figure-xl { font-family: var(--font-mono); font-size: 48px; line-height: 1; font-weight: 500; font-variant-numeric: tabular-nums; }

.data { font-family: var(--font-mono); font-size: 15px; line-height: 1.45; font-weight: 400; font-variant-numeric: tabular-nums; }

.stamp-text { font-family: var(--font-mono); font-size: 14px; line-height: 1; font-weight: 600; letter-spacing: 2px; font-variant-numeric: tabular-nums; }