:root {
    /* --- Calm Desk：低眩光、長時間閱讀友善 --- */
    color-scheme: light;

    --primary-color: #4a6fa5;
    --primary-hover: #3a5c8c;
    --primary-light: #e8eef6;

    --secondary-color: #5b8a7a;
    --accent-color: #4a6fa5;
    --success-color: #3d8b6e;
    --warning-color: #c48a2a;
    --danger-color: #c45c5c;

    --bg-body: #eef1f4;
    --bg-glass: rgba(247, 248, 250, 0.96);
    --bg-card: #f7f8fa;
    --bg-sidebar: #f3f5f7;
    --bg-sidebar-active: #4a6fa5;
    --bg-input: #ffffff;
    --bg-hover: #e8ecf1;
    --bg-primary: #ffffff;
    --bg-filter: #eef1f4;

    --text-heading: #121826;
    --text-main: #1a2332;
    --text-muted: #5b6577;
    --text-primary: #1a2332;
    --text-on-dark: #ffffff;
    --text-sidebar: #3d4654;
    --text-sidebar-muted: #5b6577;

    --border-color: #d5dbe3;
    --glass-border: 1px solid #d5dbe3;

    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;

    --shadow-sm: 0 1px 2px rgb(18 24 38 / 0.04);
    --shadow-glass: 0 4px 12px rgb(18 24 38 / 0.05);
    --backdrop-blur: blur(8px);

    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 1.5rem;

    --chip-blue-bg: #e4ebf5;
    --chip-blue-text: #2f4a6e;
    --chip-blue-border: #c5d2e4;
    --chip-pink-bg: #f3e6ea;
    --chip-pink-text: #6e3a4a;
    --chip-pink-border: #e0c4cc;
    --month-highlight-bg: #fbf6e9;
    --month-highlight-border: #e0c878;

    --th-bg: #e4e9ef;
    --th-text: #121826;
}

[data-theme="dark"] {
    color-scheme: dark;

    --primary-color: #7a9bc4;
    --primary-hover: #93b0d4;
    --primary-light: rgba(122, 155, 196, 0.2);

    --bg-body: #151a22;
    --bg-glass: rgba(28, 34, 44, 0.88);
    --bg-card: #1c222c;
    --bg-sidebar: #12171f;
    --bg-sidebar-active: #7a9bc4;
    --bg-input: #222833;
    --bg-hover: #252b36;
    --bg-primary: #1c222c;
    --bg-filter: #252b36;

    --text-heading: #eef1f5;
    --text-main: #dce2ea;
    --text-muted: #9aa5b5;
    --text-primary: #dce2ea;
    --text-on-dark: #12171f;
    --text-sidebar: #c5ced9;
    --text-sidebar-muted: #9aa5b5;

    --border-color: #333b48;
    --glass-border: 1px solid rgba(255, 255, 255, 0.08);
    --shadow-glass: 0 8px 24px rgb(0 0 0 / 0.35);

    --chip-blue-bg: #243044;
    --chip-blue-text: #b8cce6;
    --chip-blue-border: #3a4f6a;
    --chip-pink-bg: #3a2a32;
    --chip-pink-text: #e0b8c4;
    --chip-pink-border: #5a3e48;
    --month-highlight-bg: #2e2a1f;
    --month-highlight-border: #8a7540;

    --th-bg: #2a3340;
    --th-text: #eef1f5;
}