:root {
    --font-ui: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
    --font-content: 'Literata', ui-serif, Georgia, serif;

    --color-bg: #f6efe6;
    --color-surface: #fffaf2;
    --color-card: #ffffff;
    --color-text: #1f1b17;
    --color-muted: #6c6257;
    --color-border: #e3d6c7;
    --color-accent: #d9762d;
    --color-accent-strong: #b95814;
    --color-shadow: rgba(21, 13, 6, 0.12);
    --color-toolbar: #efe2d3;
    --color-ring: rgba(217, 118, 45, 0.3);

    --page-width: 794px;
    --page-height: 1123px;
    --page-gap: 64px;
    --page-line: rgba(0, 0, 0, 0.08);
    --page-padding-x: 56px;
    --page-padding-y: 48px;
    --page-padding-bottom: 72px;
    --doc-indent-left: 0px;
    --doc-indent-first: 0px;
    --doc-font-size: 11pt;
    --doc-line-height: 18pt;
    --editor-line-height: 26px;
    --toc-top: 150px;
}

.theme-dark {
    --color-bg: #121214;
    --color-surface: #1a1a1d;
    --color-card: #212124;
    --color-text: #f0f0f2;
    --color-muted: #a1a1a8;
    --color-border: #2e2e32;
    --color-accent: #f0a24a;
    --color-accent-strong: #d5872f;
    --color-shadow: rgba(0, 0, 0, 0.5);
    --color-toolbar: #252528;
    --color-ring: rgba(240, 162, 74, 0.35);

    --page-line: rgba(255, 255, 255, 0.08);
}