:root {
    text-autospace: normal;
    --font-sans: "HarmonyOS Sans SC", "HarmonyOS Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", NotoSansHansRegular, "Source Han Sans SC", "Noto Sans CJK SC", "WenQuanYi Micro Hei", "Microsoft YaHei", sans-serif;

    --color-brand: #eac70f;
    --color-brand-hover: #ead050;
    --color-brand-subtle: rgba(234, 199, 15, 0.14);
    --color-page-background: #fcfbf8;
    --color-surface: #fff;
    --color-surface-secondary: #f5f4ef;
    --color-control-background: #f3f2ee;
    --color-footer-background: #f7f6f2;
    --color-border-subtle: rgba(23, 21, 15, 0.08);
    --color-text-primary: #17150f;
    --color-text-secondary: #4a3e35;
    --color-text-muted: #757575;
    --color-text-accent: #c28e0e;
    --color-link: var(--color-text-accent);

    --glass-filter: blur(24px) saturate(1.8);
    --glass-background: rgba(255, 255, 255, 0.66);
    --action-link-background: rgba(255, 255, 255, 0.6);
    --action-link-background-hover: #fff;
    --action-link-border-color: rgba(23, 21, 15, 0.1);
    --action-link-border-color-hover: #292929;
    --toggle-track-background: #e0ded8;
    --toggle-track-background-checked: #f0c020;
    --toggle-track-shadow: inset 0 1px 3px rgba(23, 21, 15, 0.12);
    --toggle-thumb-background: #fff;
    --toggle-thumb-shadow: 0 1px 3px rgba(23, 21, 15, 0.18);
    --toggle-label-color: #000;

    --color-page-title-glow-right: rgba(255, 205, 41, 0.55);
    --color-page-title-glow-left: rgba(255, 183, 41, 0.32);
    --color-page-title-glow-bottom: rgba(255, 228, 130, 0.6);
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-pill: 999px;
    --shadow-sm: 0 1px 2px rgba(23, 21, 15, 0.05), 0 2px 8px rgba(23, 21, 15, 0.04);
    --shadow-md: 0 2px 6px rgba(23, 21, 15, 0.05), 0 12px 32px -8px rgba(23, 21, 15, 0.12);
    --shadow-lg: 0 4px 12px rgba(23, 21, 15, 0.06), 0 24px 56px -12px rgba(23, 21, 15, 0.18);
    --motion-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --focus-ring: 2.5px solid rgba(234, 179, 8, 0.65);
}

html[data-theme="dark"] {
    color-scheme: dark;
    --color-brand-subtle: rgba(234, 199, 15, 0.1);
    --color-page-background: #12110d;
    --color-surface: #1c1b15;
    --color-surface-secondary: #232219;
    --color-control-background: #232219;
    --color-footer-background: #1c1b15;
    --color-border-subtle: rgba(245, 243, 237, 0.09);
    --color-text-primary: #f5f3ed;
    --color-text-secondary: #f5f3ed;
    --color-text-muted: #9a958a;
    --color-text-accent: #f0d050;

    --glass-background: rgba(24, 23, 19, 0.62);
    --action-link-background: rgba(30, 29, 24, 0.55);
    --action-link-background-hover: rgba(52, 50, 42, 0.85);
    --action-link-border-color: rgba(245, 243, 237, 0.12);
    --action-link-border-color-hover: #e6e4de;
    --toggle-track-background: #3a382e;
    --toggle-track-background-checked: #eac70f;
    --toggle-track-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4);
    --toggle-thumb-background: #f8f8f8;
    --toggle-thumb-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    --toggle-label-color: #fff;

    --color-page-title-glow-right: rgba(240, 208, 80, 0.14);
    --color-page-title-glow-left: rgba(234, 199, 15, 0.1);
    --color-page-title-glow-bottom: rgba(250, 225, 120, 0.09);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3), 0 2px 8px rgba(0, 0, 0, 0.24);
    --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.3), 0 12px 32px -8px rgba(0, 0, 0, 0.42);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.34), 0 24px 56px -12px rgba(0, 0, 0, 0.52);
}