/* 四套主题 — 通过 html[data-theme] 切换 */

/* 默认：长风连暮云 — 暮云火烧云，暖色霞光 */
:root,
[data-theme="twilight"] {
  --bg: #1a1228;
  --bg-alt: #2a1a32;
  --surface: rgba(42, 28, 52, 0.9);
  --surface-solid: #261c34;
  --text: #fff5ee;
  --muted: #d4b8ae;
  --accent: #ff6b4a;
  --accent-secondary: #ffb347;
  --accent-soft: rgba(255, 107, 74, 0.22);
  --accent-hover: #ff8f70;
  --border: rgba(255, 175, 130, 0.48);
  --header-bg: rgba(26, 18, 40, 0.92);
  --shadow: 0 12px 40px rgba(120, 40, 30, 0.35);
  --gradient-hero: linear-gradient(
    145deg,
    #1a1228 0%,
    #4a2848 28%,
    #a63d42 55%,
    #e85d3a 78%,
    #ffb347 100%
  );
  --gradient-accent: linear-gradient(90deg, #ff6b4a, #ffb347);
  --orb-1: rgba(255, 107, 74, 0.42);
  --orb-2: rgba(255, 140, 66, 0.38);
  --orb-3: rgba(200, 80, 120, 0.28);
  --flash-success-bg: rgba(52, 211, 153, 0.18);
  --flash-success-text: #a7f3d0;
  --flash-error-bg: rgba(248, 113, 113, 0.2);
  --flash-error-text: #fecaca;
  --btn-primary-shadow: 0 2px 8px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 160, 120, 0.45);
  --btn-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
  --btn-raised-bg: #2e2238;
  --btn-raised-border: rgba(255, 175, 130, 0.55);
  --btn-accent-bg: #4a2e3a;
  --btn-accent-border: #ff8f70;
  --btn-accent-text: #ffd4c4;
}

/* 春风绿满园 */
[data-theme="spring"] {
  --bg: #f0fdf4;
  --bg-alt: #dcfce7;
  --surface: rgba(255, 255, 255, 0.92);
  --surface-solid: #ffffff;
  --text: #14532d;
  --muted: #4d7c5e;
  --accent: #059669;
  --accent-secondary: #34d399;
  --accent-soft: rgba(5, 150, 105, 0.15);
  --accent-hover: #10b981;
  --border: rgba(4, 120, 87, 0.42);
  --header-bg: rgba(240, 253, 244, 0.9);
  --shadow: 0 8px 30px rgba(5, 150, 105, 0.12);
  --gradient-hero: linear-gradient(135deg, #ecfdf5 0%, #bbf7d0 50%, #6ee7b7 100%);
  --gradient-accent: linear-gradient(90deg, #059669, #34d399);
  --orb-1: rgba(52, 211, 153, 0.45);
  --orb-2: rgba(134, 239, 172, 0.35);
  --orb-3: rgba(16, 185, 129, 0.25);
  --flash-success-bg: #dcfce7;
  --flash-success-text: #166534;
  --flash-error-bg: #fee2e2;
  --flash-error-text: #991b1b;
  --btn-primary-shadow: 0 2px 8px rgba(5, 150, 105, 0.38), 0 0 0 1px rgba(5, 120, 90, 0.25);
  --btn-shadow: 0 1px 3px rgba(5, 80, 60, 0.12);
  --btn-raised-bg: #ffffff;
  --btn-raised-border: rgba(4, 120, 87, 0.5);
  --btn-accent-bg: #d1fae5;
  --btn-accent-border: #059669;
  --btn-accent-text: #047857;
}

/* 初芳恋梅雨 */
[data-theme="plumrain"] {
  --bg: #f5f3ff;
  --bg-alt: #ede9fe;
  --surface: rgba(255, 255, 255, 0.9);
  --surface-solid: #faf5ff;
  --text: #3b0764;
  --muted: #7c6b9e;
  --accent: #8b5cf6;
  --accent-secondary: #c4b5fd;
  --accent-soft: rgba(139, 92, 246, 0.18);
  --accent-hover: #a78bfa;
  --border: rgba(109, 40, 217, 0.4);
  --header-bg: rgba(245, 243, 255, 0.88);
  --shadow: 0 8px 32px rgba(139, 92, 246, 0.15);
  --gradient-hero: linear-gradient(135deg, #f5f3ff 0%, #ddd6fe 45%, #a5b4fc 100%);
  --gradient-accent: linear-gradient(90deg, #8b5cf6, #a5b4fc);
  --orb-1: rgba(167, 139, 250, 0.4);
  --orb-2: rgba(196, 181, 253, 0.35);
  --orb-3: rgba(129, 140, 248, 0.25);
  --flash-success-bg: #ede9fe;
  --flash-success-text: #5b21b6;
  --flash-error-bg: #fce7f3;
  --flash-error-text: #9d174d;
  --btn-primary-shadow: 0 2px 8px rgba(124, 58, 237, 0.32), 0 0 0 1px rgba(109, 40, 217, 0.2);
  --btn-shadow: 0 1px 3px rgba(91, 33, 182, 0.1);
  --btn-raised-bg: #ffffff;
  --btn-raised-border: rgba(109, 40, 217, 0.48);
  --btn-accent-bg: #ede9fe;
  --btn-accent-border: #7c3aed;
  --btn-accent-text: #5b21b6;
}

/* 初分落木夜 — 冷冽深黑，月华银蓝 */
[data-theme="autumnnight"] {
  --bg: #060608;
  --bg-alt: #0c0c10;
  --surface: rgba(14, 14, 18, 0.94);
  --surface-solid: #101014;
  --text: #e8eaef;
  --muted: #6e7689;
  --accent: #9aaccc;
  --accent-secondary: #6b8aad;
  --accent-soft: rgba(154, 172, 204, 0.14);
  --accent-hover: #b8c8e4;
  --border: rgba(154, 172, 204, 0.5);
  --header-bg: rgba(6, 6, 8, 0.96);
  --shadow: 0 12px 48px rgba(0, 0, 0, 0.65);
  --gradient-hero: linear-gradient(
    165deg,
    #030304 0%,
    #0a0c12 45%,
    #121820 75%,
    #1a2230 100%
  );
  --gradient-accent: linear-gradient(90deg, #6b7a94, #9aaccc);
  --orb-1: rgba(90, 110, 150, 0.14);
  --orb-2: rgba(60, 72, 96, 0.12);
  --orb-3: rgba(40, 48, 64, 0.18);
  --flash-success-bg: rgba(52, 211, 153, 0.12);
  --flash-success-text: #86efac;
  --flash-error-bg: rgba(248, 113, 113, 0.15);
  --flash-error-text: #fca5a5;
  --btn-primary-shadow: 0 2px 10px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(184, 200, 228, 0.35);
  --btn-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
  --btn-raised-bg: #1a1a22;
  --btn-raised-border: rgba(154, 172, 204, 0.58);
  --btn-accent-bg: #1e2838;
  --btn-accent-border: #9aaccc;
  --btn-accent-text: #d4e4f8;
}