/* ============================================================
   themes.css — 多主题色板（星露谷四季 + 星夜 + 祝尼魔）
   所有主题统一降低饱和、提高柔和度，避免长时间用眼疲劳
   ============================================================ */

:root {
    --font-sans: "Nunito", "Quicksand", "Segoe UI Variable", "Segoe UI", "PingFang SC",
        "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
    --font-mono: "JetBrains Mono", "Cascadia Mono", "SFMono-Regular", Consolas, monospace;

    --radius-sm: 8px;
    --radius: 12px;
    --radius-lg: 18px;
    --radius-xl: 24px;

    --header-h: 54px;
    --toolbar-h: 52px;
    --status-h: 30px;
}

/* ---------------- 春：嫩绿柔和 ---------------- */
:root[data-theme="spring"] {
    --bg: #f2f6ee;
    --bg-elev: #fbfdf9;
    --bg-sunken: #e7efe1;
    --surface: #ffffff;
    --surface-2: #f5f9f2;
    --border: #dde7d5;
    --border-strong: #c6d8bb;
    --text: #33402c;
    --text-dim: #61705a;
    --text-mute: #8d9c86;
    --accent: #7fa653;
    --accent-hover: #6f9445;
    --accent-soft: #e3efd5;
    --accent-contrast: #ffffff;
    --ok: #6fa860;
    --warn: #d9a441;
    --danger: #c8785f;
    --region-stroke: #e0a13f;
    --region-fill: rgba(224, 161, 63, 0.16);
    --region-active: #5b9bd5;
    --region-active-fill: rgba(91, 155, 213, 0.18);
    --region-locked: #9b7bd4;
    --region-locked-fill: rgba(155, 123, 212, 0.22);
    --region-handle: #ffffff;
    --grid-line: rgba(51, 64, 44, 0.07);
    --grid-line-strong: rgba(51, 64, 44, 0.15);
    --checker-a: #ffffff;
    --checker-b: #eef3e9;
    --scroll-thumb: #c8d8bd;
    --scroll-thumb-hover: #a9c19c;
    --shadow-sm: 0 1px 2px rgba(51, 64, 44, 0.06);
    --shadow: 0 4px 16px rgba(51, 64, 44, 0.08);
    --shadow-lg: 0 18px 48px rgba(51, 64, 44, 0.16);
    --pane-bg: #eef4ea;
    --glow: radial-gradient(circle at 15% 0%, #e8f3dd 0%, transparent 55%);
}

/* ---------------- 夏：晴空水蓝 ---------------- */
:root[data-theme="summer"] {
    --bg: #eef5fa;
    --bg-elev: #fbfdff;
    --bg-sunken: #e2eef7;
    --surface: #ffffff;
    --surface-2: #f4f9fd;
    --border: #d8e6f0;
    --border-strong: #bcd5e5;
    --text: #2b3c48;
    --text-dim: #5b6f7c;
    --text-mute: #8b9caa;
    --accent: #5a9fc9;
    --accent-hover: #4a8db7;
    --accent-soft: #dcecf7;
    --accent-contrast: #ffffff;
    --ok: #62a98c;
    --warn: #d8a63f;
    --danger: #cc7a63;
    --region-stroke: #e2a344;
    --region-fill: rgba(226, 163, 68, 0.16);
    --region-active: #4f8fd6;
    --region-active-fill: rgba(79, 143, 214, 0.18);
    --region-locked: #7b8fd4;
    --region-locked-fill: rgba(123, 143, 212, 0.22);
    --region-handle: #ffffff;
    --grid-line: rgba(43, 60, 72, 0.07);
    --grid-line-strong: rgba(43, 60, 72, 0.15);
    --checker-a: #ffffff;
    --checker-b: #e9f1f8;
    --scroll-thumb: #c3d8e6;
    --scroll-thumb-hover: #a3c2d6;
    --shadow-sm: 0 1px 2px rgba(43, 60, 72, 0.06);
    --shadow: 0 4px 16px rgba(43, 60, 72, 0.08);
    --shadow-lg: 0 18px 48px rgba(43, 60, 72, 0.16);
    --pane-bg: #e7f0f8;
    --glow: radial-gradient(circle at 15% 0%, #dceefb 0%, transparent 55%);
}

/* ---------------- 秋：暖橙丰收 ---------------- */
:root[data-theme="autumn"] {
    --bg: #faf3ea;
    --bg-elev: #fffdf9;
    --bg-sunken: #f2e8da;
    --surface: #ffffff;
    --surface-2: #fbf5ec;
    --border: #ecdcc8;
    --border-strong: #d9c3a6;
    --text: #43372b;
    --text-dim: #6f6153;
    --text-mute: #9c8d7c;
    --accent: #c98a4b;
    --accent-hover: #b7783c;
    --accent-soft: #f6e6d3;
    --accent-contrast: #ffffff;
    --ok: #8aa860;
    --warn: #d9a441;
    --danger: #c4735a;
    --region-stroke: #d98f3c;
    --region-fill: rgba(217, 143, 60, 0.18);
    --region-active: #5f9bd0;
    --region-active-fill: rgba(95, 155, 208, 0.2);
    --region-locked: #a279c2;
    --region-locked-fill: rgba(162, 121, 194, 0.24);
    --region-handle: #ffffff;
    --grid-line: rgba(67, 55, 43, 0.07);
    --grid-line-strong: rgba(67, 55, 43, 0.15);
    --checker-a: #ffffff;
    --checker-b: #f4ece1;
    --scroll-thumb: #ddc9b1;
    --scroll-thumb-hover: #c5ab90;
    --shadow-sm: 0 1px 2px rgba(67, 55, 43, 0.07);
    --shadow: 0 4px 16px rgba(67, 55, 43, 0.09);
    --shadow-lg: 0 18px 48px rgba(67, 55, 43, 0.17);
    --pane-bg: #f4ece1;
    --glow: radial-gradient(circle at 15% 0%, #f8e9d6 0%, transparent 55%);
}

/* ---------------- 冬：冷灰静谧 ---------------- */
:root[data-theme="winter"] {
    --bg: #f3f5f7;
    --bg-elev: #fdfefe;
    --bg-sunken: #e7ebef;
    --surface: #ffffff;
    --surface-2: #f7f9fa;
    --border: #dfe5ea;
    --border-strong: #c4ced7;
    --text: #333b42;
    --text-dim: #5e6a73;
    --text-mute: #8d979f;
    --accent: #7b93a8;
    --accent-hover: #68809a;
    --accent-soft: #e6edf3;
    --accent-contrast: #ffffff;
    --ok: #6fa08a;
    --warn: #cfa155;
    --danger: #bf7466;
    --region-stroke: #d7a253;
    --region-fill: rgba(215, 162, 83, 0.18);
    --region-active: #6d9fd0;
    --region-active-fill: rgba(109, 159, 208, 0.2);
    --region-locked: #8792b6;
    --region-locked-fill: rgba(135, 146, 182, 0.24);
    --region-handle: #ffffff;
    --grid-line: rgba(51, 59, 66, 0.07);
    --grid-line-strong: rgba(51, 59, 66, 0.15);
    --checker-a: #ffffff;
    --checker-b: #eceff3;
    --scroll-thumb: #c9d2d9;
    --scroll-thumb-hover: #aab6c0;
    --shadow-sm: 0 1px 2px rgba(51, 59, 66, 0.06);
    --shadow: 0 4px 16px rgba(51, 59, 66, 0.08);
    --shadow-lg: 0 18px 48px rgba(51, 59, 66, 0.16);
    --pane-bg: #ebeff3;
    --glow: radial-gradient(circle at 15% 0%, #e6eef5 0%, transparent 55%);
}

/* ---------------- 星夜：深色护眼 ---------------- */
:root[data-theme="night"] {
    --bg: #1d2230;
    --bg-elev: #262c3c;
    --bg-sunken: #171b26;
    --surface: #272e3f;
    --surface-2: #2f374a;
    --border: #38415a;
    --border-strong: #47526e;
    --text: #e6eaf3;
    --text-dim: #a9b3c6;
    --text-mute: #7b8699;
    --accent: #8fb8e8;
    --accent-hover: #a6c8f0;
    --accent-soft: #2c3a52;
    --accent-contrast: #1d2230;
    --ok: #7fc2a0;
    --warn: #e0b469;
    --danger: #e08b7a;
    --region-stroke: #e9b063;
    --region-fill: rgba(233, 176, 99, 0.2);
    --region-active: #7fb4e8;
    --region-active-fill: rgba(127, 180, 232, 0.22);
    --region-locked: #b79bec;
    --region-locked-fill: rgba(183, 155, 236, 0.26);
    --region-handle: #f2f5fa;
    --grid-line: rgba(230, 236, 245, 0.07);
    --grid-line-strong: rgba(230, 236, 245, 0.16);
    --checker-a: #202634;
    --checker-b: #2a3143;
    --scroll-thumb: #414b64;
    --scroll-thumb-hover: #55617d;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow: 0 6px 20px rgba(0, 0, 0, 0.34);
    --shadow-lg: 0 22px 56px rgba(0, 0, 0, 0.5);
    --pane-bg: #1a1f2b;
    --glow: radial-gradient(circle at 15% 0%, #2b3550 0%, transparent 55%);
}

/* ---------------- 祝尼魔：柔紫 ---------------- */
:root[data-theme="junimo"] {
    --bg: #f5f1fa;
    --bg-elev: #fdfbff;
    --bg-sunken: #ece5f6;
    --surface: #ffffff;
    --surface-2: #f9f6fd;
    --border: #e3dbf0;
    --border-strong: #cdc0e2;
    --text: #3b3250;
    --text-dim: #655a7d;
    --text-mute: #9489a8;
    --accent: #8e77c4;
    --accent-hover: #7c64b3;
    --accent-soft: #ece4fa;
    --accent-contrast: #ffffff;
    --ok: #6cab84;
    --warn: #d3a44a;
    --danger: #c4776f;
    --region-stroke: #dda44e;
    --region-fill: rgba(221, 164, 78, 0.18);
    --region-active: #6f9fd8;
    --region-active-fill: rgba(111, 159, 216, 0.2);
    --region-locked: #d47bb0;
    --region-locked-fill: rgba(212, 123, 176, 0.24);
    --region-handle: #ffffff;
    --grid-line: rgba(59, 50, 80, 0.07);
    --grid-line-strong: rgba(59, 50, 80, 0.15);
    --checker-a: #ffffff;
    --checker-b: #f0ecf7;
    --scroll-thumb: #d2c7e6;
    --scroll-thumb-hover: #b8a9d4;
    --shadow-sm: 0 1px 2px rgba(59, 50, 80, 0.06);
    --shadow: 0 4px 16px rgba(59, 50, 80, 0.09);
    --shadow-lg: 0 18px 48px rgba(59, 50, 80, 0.17);
    --pane-bg: #efe9f8;
    --glow: radial-gradient(circle at 15% 0%, #eee5fb 0%, transparent 55%);
}