/* Oak & Mason tokens. Generated from the design system's tokens.json; do not edit by hand. */
:root {
  --paper: #faf9f6;
  --stone: #f4efe7;
  --sand: #e4e0d7;
  --line: #d8d4cb;
  --line-strong: #7e7c76;
  --ink: #16191a;
  --ink-soft: #3a3e40;
  --ink-muted: #5f6567;
  --slate: #364e56;
  --slate-deep: #23353b;
  --peat: #1f2224;
  --brass: #a67c3d;
  --brass-text: #7f5e2c;
  --brass-light: #d6b87a;
  --on-dark: #faf9f6;
  --on-dark-muted: #c5ccce;
  --glass: #23353bbf;
  --glass-tile: #23353b99;
  --glass-line: #faf9f624;
  --danger: #a3392c;
  --shadow-card: 0 1px 2px #16191a14, 0 10px 24px -12px #16191a33;
  --focus-ring: 0 0 0 2px #faf9f6, 0 0 0 4px #364e56;
  --focus-ring-dark: 0 0 0 2px #1f2224, 0 0 0 4px #d6b87a;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 144px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-full: 999px;
  --container: 1440px;
  --measure: 720px;
  --frame-inset: 16px;
  --blur-glass: 18px;
  --font-serif: "Newsreader", "Iowan Old Style", Georgia, serif;
  --font-sans: "Instrument Sans", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "DM Mono", ui-monospace, Menlo, monospace;
}
.display-xl { font-family: var(--font-serif); font-size: 70px; line-height: 76px; font-weight: 400; letter-spacing: -0.03em; font-variation-settings: 'opsz' 72; }
.display-lg { font-family: var(--font-serif); font-size: 46px; line-height: 52px; font-weight: 400; letter-spacing: -0.025em; font-variation-settings: 'opsz' 72; }
.display-md { font-family: var(--font-serif); font-size: 38px; line-height: 45px; font-weight: 400; letter-spacing: -0.02em; font-variation-settings: 'opsz' 60; }
.display-sm { font-family: var(--font-serif); font-size: 24px; line-height: 30px; font-weight: 400; letter-spacing: -0.01em; font-variation-settings: 'opsz' 36; }
.figure-lg { font-family: var(--font-serif); font-size: 50px; line-height: 50px; font-weight: 400; letter-spacing: -0.02em; font-variation-settings: 'opsz' 72; }
.figure { font-family: var(--font-serif); font-size: 38px; line-height: 38px; font-weight: 400; letter-spacing: -0.02em; font-variation-settings: 'opsz' 60; }
.lead { font-family: var(--font-sans); font-size: 18px; line-height: 28px; font-weight: 400; letter-spacing: -0.01em; }
.body-lg { font-family: var(--font-sans); font-size: 17px; line-height: 27px; font-weight: 400; letter-spacing: -0.01em; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 26px; font-weight: 400; }
.title { font-family: var(--font-sans); font-size: 22px; line-height: 28px; font-weight: 500; letter-spacing: -0.01em; }
.label { font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 500; }
.small { font-family: var(--font-sans); font-size: 14px; line-height: 22px; font-weight: 400; }
.source { font-family: var(--font-mono); font-size: 12px; line-height: 18px; font-weight: 400; letter-spacing: 0.06em; }