:root {
    color-scheme: light;
    --color-sand: #fdf6f0;
    --color-sage: #a3b18a;
    --color-fern: #588157;
    --color-fern-ink: #3a5a40;
    --color-hunter: #b65c22;
    --color-pine: #33261d;
    --color-chocolate: #4a3728;

    --text: var(--color-pine);
    --text-light: #7a6253;
    --bg: var(--color-sand);
    --bg-light: #fdf3ea;
    --surface: #fffbf7;
    --surface-alt: #fdf3ea;
    --accent: #d97534;
    --accent-dark: #b45a20;
    --link: var(--accent-dark);
    --accent-light: #f6dfcc;
    --muted: var(--text-light);
    --structure: var(--color-chocolate);
    --on-accent: #fffbf7;
    --border: #ecdcc9;
    --shadow: 0 10px 25px -18px rgba(74, 55, 40, 0.34);
    --shadow-lg: 0 30px 60px -32px rgba(74, 55, 40, 0.3);
    --highlight: rgba(163, 177, 138, 0.22);
    --info: #376b78;
    --warning: #b98735;
    --danger: #a84540;
    --success: var(--color-fern-ink);
    --primary: var(--accent-dark);
}
* {