:root {
    color-scheme: light;
    --honey: #f5b942;
    --honey-2: #ffd66b;
    --honey-dark: #c98200;
    --amber: #8a5a00;
    --cream: #fff8e7;
    --dark: #2f2618;
    --green: #466b3f;
    --soft-green: #e8f3df;
    --page-text: #2f2618;
    --muted-text: #5b4b32;
    --soft-text: #6e5a38;
    --heading-text: #2f2618;
    --link-text: #8a5a00;
    --card: rgba(255, 255, 255, 0.92);
    --card-solid: #ffffff;
    --card-soft: #fffdf6;
    --panel: rgba(255, 245, 211, 0.93);
    --field-bg: #fffdf6;
    --field-border: #e7c676;
    --border-soft: rgba(255, 255, 255, 0.68);
    --border-warm: #f0d38b;
    --table-head: #fff7dc;
    --table-border: #f0d38b;
    --shadow: 0 18px 45px rgba(47, 38, 24, 0.22);
    --shadow-soft: 0 10px 28px rgba(47, 38, 24, 0.13);
    --focus-ring: 0 0 0 4px rgba(245, 185, 66, 0.32);
    --nav-bg: rgba(255, 255, 255, 0.12);
    --nav-bg-hover: rgba(255, 255, 255, 0.25);
    --nav-border: rgba(255, 255, 255, 0.25);
    --footer-bg: rgba(47, 38, 24, 0.35);
    --footer-text: #fff6d7;
    --page-bg:
        linear-gradient(rgba(47, 38, 24, 0.40), rgba(47, 38, 24, 0.50)),
        radial-gradient(circle at top left, #ffe8a3 0, transparent 35%),
        linear-gradient(135deg, #fff8e7 0%, #f7d271 45%, #a66a00 100%);
    --hero-art-bg:
        radial-gradient(circle at 20% 20%, #fff1b8 0 8%, transparent 9%),
        radial-gradient(circle at 70% 30%, #ffe18a 0 10%, transparent 11%),
        linear-gradient(135deg, #f8c54b, #bd7600);
    --radius-lg: 28px;
    --radius-md: 18px;
    --radius-sm: 14px;
}

html[data-theme="dark"] {
    color-scheme: dark;
    --honey: #f6b83f;
    --honey-2: #ffcf5a;
    --honey-dark: #ffbd35;
    --amber: #ffd16a;
    --cream: #20190f;
    --dark: #fff3cf;
    --green: #bce6a9;
    --soft-green: rgba(98, 138, 83, 0.22);
    --page-text: #fff3cf;
    --muted-text: #dfc99a;
    --soft-text: #cdb37e;
    --heading-text: #fff8e3;
    --link-text: #ffd16a;
    --card: rgba(37, 30, 19, 0.90);
    --card-solid: #211a11;
    --card-soft: #2a2115;
    --panel: rgba(42, 32, 17, 0.95);
    --field-bg: #18130d;
    --field-border: rgba(255, 209, 106, 0.36);
    --border-soft: rgba(255, 209, 106, 0.18);
    --border-warm: rgba(255, 209, 106, 0.34);
    --table-head: rgba(255, 209, 106, 0.13);
    --table-border: rgba(255, 209, 106, 0.22);
    --shadow: 0 22px 55px rgba(0, 0, 0, 0.46);
    --shadow-soft: 0 14px 34px rgba(0, 0, 0, 0.34);
    --focus-ring: 0 0 0 4px rgba(255, 189, 53, 0.28);
    --nav-bg: rgba(255, 255, 255, 0.08);
    --nav-bg-hover: rgba(255, 209, 106, 0.18);
    --nav-border: rgba(255, 209, 106, 0.24);
    --footer-bg: rgba(0, 0, 0, 0.38);
    --footer-text: #fbe9bc;
    --page-bg:
        linear-gradient(rgba(9, 7, 4, 0.72), rgba(9, 7, 4, 0.82)),
        radial-gradient(circle at top left, rgba(255, 196, 74, 0.42) 0, transparent 34%),
        radial-gradient(circle at bottom right, rgba(79, 112, 59, 0.34) 0, transparent 35%),
        linear-gradient(135deg, #110d08 0%, #2f210f 54%, #121009 100%);
    --hero-art-bg:
        radial-gradient(circle at 20% 20%, rgba(255, 225, 138, 0.78) 0 8%, transparent 9%),
        radial-gradient(circle at 70% 30%, rgba(255, 197, 59, 0.70) 0 10%, transparent 11%),
        linear-gradient(135deg, #8b5a00, #2a1a04);
}

body {
    background: var(--page-bg);
    color: var(--page-text);
    transition: background 0.25s ease, color 0.25s ease;
}

.theme-toggle-wrap {
    display: inline-flex;
    align-items: center;
}

.theme-toggle-icon {
    font-size: 1.1em;
    line-height: 1;
}

[data-theme-label] {
    white-space: nowrap;
}