/* Overcast — compiled design tokens. Generated from tokens.json; do not edit by hand. */

@font-face {
  font-family: "Instrument Sans";
  src: url("fonts/InstrumentSans-Variable.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist Mono";
  src: url("fonts/GeistMono-Variable.woff2") format("woff2");
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}

:root,
[data-theme="light"] {
  --paper: #f6f3ee;
  --paper-raised: #fcfaf7;
  --paper-sunken: #ede9e2;
  --ink: #2e2a24;
  --ink-muted: #5e584e;
  --ink-faint: #6b6459;
  --on-ink: #fcfaf7;
  --line: #e3ded5;
  --line-strong: #857e72;
  --clay: #a85334;
  --clay-hover: #8f4529;
  --clay-tint: #f8eee9;
  --on-clay: #fffcf8;
  --slate: #4a6382;
  --slate-tint: #e6eaf0;
  --teal: #36685c;
  --teal-tint: #e2ede9;
  --ochre: #8a6310;
  --ochre-tint: #f5ebd7;
  --rust: #9e3b28;
  --rust-hover: #862f1f;
  --rust-tint: #f6e3de;
  --focus: #a85334;
  --scrim: rgba(46,42,36,0.32);
  --shadow-raise: 0 1px 2px rgba(46,42,36,0.06);
  --shadow-overlay: 0 12px 32px rgba(46,42,36,0.14);
}

[data-theme="dark"] {
  --paper: #1c1a17;
  --paper-raised: #26231e;
  --paper-sunken: #141210;
  --ink: #ede8e0;
  --ink-muted: #a8a196;
  --ink-faint: #968f84;
  --on-ink: #1c1a17;
  --line: #332f29;
  --line-strong: #7c7568;
  --clay: #d98a67;
  --clay-hover: #e5a184;
  --clay-tint: #33261f;
  --on-clay: #24211c;
  --slate: #93aecf;
  --slate-tint: #22272e;
  --teal: #77b3a3;
  --teal-tint: #1e2724;
  --ochre: #d2a052;
  --ochre-tint: #2b2519;
  --rust: #e08268;
  --rust-hover: #e9977f;
  --rust-tint: #2e211d;
  --focus: #d98a67;
  --scrim: rgba(8,7,6,0.62);
  --shadow-raise: 0 1px 2px rgba(0,0,0,0.30);
  --shadow-overlay: 0 12px 32px rgba(0,0,0,0.45);
}

:root {
  /* spacing */
  --space-2: 2px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  /* radius */
  --radius-xs: 3px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-full: 999px;
  /* border */
  --border-hair: 1px;
  --border-heavy: 2px;
  /* size */
  --size-control: 36px;
  --size-control-sm: 28px;
  --size-rail: 288px;
  --size-measure: 640px;
  --size-page: 1120px;
  /* families */
  --font-sans: "Instrument Sans", system-ui, -apple-system, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, monospace;
}

/* Type styles — one class per token. Data styles are tabular. */
/* Display */
.display-l {
  font-family: var(--font-sans);
  font-size: 40px;
  line-height: 44px;
  font-weight: 600;
  letter-spacing: -0.021em;
}
.display-m {
  font-family: var(--font-sans);
  font-size: 28px;
  line-height: 34px;
  font-weight: 600;
  letter-spacing: -0.017em;
}
.display-s {
  font-family: var(--font-sans);
  font-size: 21px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: -0.011em;
}

/* Text */
.heading {
  font-family: var(--font-sans);
  font-size: 17px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.006em;
}
.subheading {
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
}
.body {
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.body-s {
  font-family: var(--font-sans);
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
}
.caption {
  font-family: var(--font-sans);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.label {
  font-family: var(--font-sans);
  font-size: 11px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 0.06em;
}

/* Data */
.data-l {
  font-family: var(--font-mono);
  font-size: 30px;
  line-height: 36px;
  font-weight: 500;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}
.data-m {
  font-family: var(--font-mono);
  font-size: 17px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums;
}
.data {
  font-family: var(--font-mono);
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: -0.005em;
  font-variant-numeric: tabular-nums;
}
.data-s {
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0.01em;
  font-variant-numeric: tabular-nums;
}