:root {
    color-scheme: light;
    --color-paper: #f6f1e8;
    --color-paper-deep: #ece3d5;
    --color-surface: rgba(255, 253, 248, 0.88);
    --color-surface-solid: #fffdf8;
    --color-ink: #292d2b;
    --color-ink-soft: #686b65;
    --color-line: rgba(57, 61, 57, 0.14);
    --color-sage: #778b78;
    --color-sage-deep: #516653;
    --color-sage-soft: #dfe7dc;
    --color-amber: #c8934d;
    --color-amber-soft: #f3e1c5;
    --shadow-soft: 0 1.125rem 3.4375rem rgba(55, 50, 41, 0.12);
    --shadow-float: 0 1.375rem 4.375rem rgba(45, 42, 36, 0.2);
    --radius-small: 0.75rem;
    --radius-medium: 1.1rem;
    --radius-large: 1.65rem;
    --radius-pill: 999rem;
    --header-height: 5.2rem;
    --content-width: 112rem;
    --font-display: Georgia, "Times New Roman", serif;
    --font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --mira-portrait: none;
    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --duration-fast: 160ms;
    --duration-normal: 260ms;
}
@media (prefers-reduced-motion: reduce) {
    :root { --duration-fast: 0ms; --duration-normal: 0ms; }
}