/* Generated by scripts/build-tokens.py from design/tokens.json. Don't 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: "Instrument Sans"; src: url("../fonts/InstrumentSans-Variable-Italic.woff2") format("woff2"); font-weight: 400 700; font-style: italic; font-display: swap; }
@font-face { font-family: "Newsreader"; src: url("../fonts/Newsreader-Variable.woff2") format("woff2"); font-weight: 200 800; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("../fonts/IBMPlexMono-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }

:root {
    --font-sans: "Instrument Sans", "Helvetica Neue", Arial, sans-serif;
    --font-serif: Newsreader, Georgia, "Times New Roman", serif;
    --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
    --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: 4px;
    --radius-md: 6px;
    --radius-lg: 10px;
    --radius-pill: 999px;
    --control-height: 44px;
    --control-height-sm: 36px;
    --topbar-height: 56px;
    --measure: 720px;
    --focus-width: 2px;
}

:root, [data-theme="light"] {
    color-scheme: light;
    --paper: #f7f5f0;
    --surface: #ffffff;
    --surface-sunk: #efece5;
    --line: #e2ddd2;
    --line-strong: #8c8577;
    --ink: #1c1a17;
    --ink-muted: #5f5a51;
    --ink-faint: #716b60;
    --accent: #e0a64b;
    --on-accent: #1c1a17;
    --accent-ink: #8a5a12;
    --accent-soft: #f6e7cc;
    --accent-hover: #d29539;
    --success-ink: #2f6b3a;
    --success-soft: #e3efe1;
    --danger-ink: #b3261e;
    --danger-soft: #f9e3e0;
    --danger: #b3261e;
    --on-danger: #ffffff;
    --info-ink: #2a5590;
    --info-soft: #e2eaf5;
    --draft-ink: #5f5a51;
    --scrim: rgba(28, 26, 23, 0.45);
    --preview-ground: #ffffff;
    --shadow-sheet: 0 1px 2px rgba(28, 26, 23, 0.05);
    --shadow-float: 0 2px 6px rgba(28, 26, 23, 0.08), 0 12px 32px rgba(28, 26, 23, 0.12);
}

[data-theme="dark"] {
    color-scheme: dark;
    --paper: #1a1916;
    --surface: #22211d;
    --surface-sunk: #141310;
    --line: #36342e;
    --line-strong: #7d776b;
    --ink: #f1ede4;
    --ink-muted: #b5afa3;
    --ink-faint: #958f83;
    --accent: #e0a64b;
    --on-accent: #1c1a17;
    --accent-ink: #e8b766;
    --accent-soft: #3a2f1c;
    --accent-hover: #ebb560;
    --success-ink: #8cc79a;
    --success-soft: #1f2b21;
    --danger-ink: #f2a199;
    --danger-soft: #33201d;
    --danger: #c4473c;
    --on-danger: #ffffff;
    --info-ink: #9ab8e6;
    --info-soft: #1d2533;
    --draft-ink: #c9c3b7;
    --scrim: rgba(0, 0, 0, 0.6);
    --preview-ground: #ffffff;
    --shadow-sheet: 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow-float: 0 2px 6px rgba(0, 0, 0, 0.5), 0 12px 32px rgba(0, 0, 0, 0.5);
}