:root {
    --paper: #f6f3ec;
    --paper-deep: #ece7dc;
    --surface: #fffdf9;
    --surface-sunk: #faf7f0;

    --ink: #1f1c17;
    --ink-soft: #57524a;
    --ink-faint: #746e64;
    --line: #e6e0d3;
    --line-strong: #d3cbbb;

    --marker: #ffdf4f;
    --marker-soft: #fff4bf;
    --marker-ink: #6b5400;

    --good: #2f7a52;
    --good-soft: #e3f1e8;
    --warn: #985612;
    --warn-soft: #fbecd9;
    --bad: #c2402f;
    --bad-soft: #fbe5e0;

    --font-display: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
    --font-text: "Figtree", "Segoe UI", system-ui, sans-serif;
    --font-mono: ui-monospace, "Cascadia Code", Consolas, monospace;

    --radius-s: 8px;
    --radius-m: 12px;
    --radius-l: 20px;

    --shadow-card: 0 1px 2px rgba(31, 28, 23, .05), 0 8px 24px -12px rgba(31, 28, 23, .12);
    --shadow-raised: 0 2px 4px rgba(31, 28, 23, .06), 0 18px 40px -18px rgba(31, 28, 23, .28);

    --ease-out: cubic-bezier(.22, 1, .36, 1);
    --duration-fast: 140ms;
    --duration-base: 220ms;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 72px;
}