:root {
    --color-paper: #fff9ee;
    --color-surface: #ffffff;
    --color-ink: #2b3029;
    --color-muted: #55604f;
    --color-action: #2e5d3e;
    --color-action-hover: #244b31;
    --color-gold: #e7bd48;
    --color-border: #ddd8cc;
    --color-control-border: #829079;
    --color-leaf: #f2f6ef;
    --color-focus: #174aa8;
    --font-body: "Trebuchet MS", Verdana, system-ui, sans-serif;
    --font-heading: "Trebuchet MS", Verdana, system-ui, sans-serif;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --page-gutter: 8px;
    --page-width: 1000px;
    --grid-gap: 20px;
    --radius-card: 14px;
    --radius-control: 10px;
    --shadow-card: 0 2px 7px rgb(43 48 41 / 5%);
    --shadow-card-hover: 0 6px 18px rgb(43 48 41 / 9%);
}