#root {
    color-scheme: light;
    --bg: #f7f0e2;
    --bg-deep: #eee0c9;
    --bg-soft: #fffaf1;
    --fg: #211714;
    --fg-soft: #6f5d54;
    --fg-faint: #9f8c80;
    --red: #a31620;
    --red-deep: #731018;
    --red-bright: #cc2b31;
    --red-soft: #efd5d0;
    --gold: #bf8c3d;
    --gold-soft: #e8cf9f;
    --line: rgba(93, 50, 38, 0.17);
    --line-strong: rgba(127, 21, 28, 0.28);
    --card: rgba(255, 250, 241, 0.83);
    --header: rgba(247, 240, 226, 0.86);
    --shadow: 0 24px 70px rgba(68, 25, 18, 0.11);
    --shadow-red: 0 24px 60px rgba(113, 11, 21, 0.2);
    --radius: 24px;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
}

#root[data-theme='moon'] {
    color-scheme: dark;
    --bg: #17110f;
    --bg-deep: #211714;
    --bg-soft: #281c18;
    --fg: #f5ead8;
    --fg-soft: #c7b6a6;
    --fg-faint: #8f7d72;
    --red: #cc3138;
    --red-deep: #8d1820;
    --red-bright: #ef555a;
    --red-soft: #4c2324;
    --gold: #d6aa5b;
    --gold-soft: #5f4a2d;
    --line: rgba(239, 213, 183, 0.13);
    --line-strong: rgba(217, 73, 78, 0.32);
    --card: rgba(40, 28, 24, 0.84);
    --header: rgba(23, 17, 15, 0.88);
    --shadow: 0 24px 70px rgba(0, 0, 0, 0.3);
    --shadow-red: 0 24px 60px rgba(0, 0, 0, 0.36);
}

* {
    box-sizing: border-box;
}