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

/* 默认：长风连暮云 — 干净浅色，白底黑强调（对齐 id.cflmy.cn） */
:root,
[data-theme="twilight"] {
  --bg: #ffffff;
  --bg-alt: #f5f5f7;
  --surface: rgba(255, 255, 255, 0.92);
  --surface-solid: #ffffff;
  --text: #000000;
  --muted: #6e6e73;
  --accent: #000000;
  --accent-secondary: #333333;
  --accent-soft: rgba(0, 0, 0, 0.06);
  --accent-hover: #333333;
  --border: #d2d2d7;
  --header-bg: rgba(255, 255, 255, 0.82);
  --shadow: 0 8px 28px rgba(0, 0, 0, 0.06);
  --gradient-hero: linear-gradient(
    180deg,
    #ffffff 0%,
    #f5f5f7 55%,
    #e8e8ed 100%
  );
  --gradient-accent: linear-gradient(90deg, #000000, #333333);
  --orb-1: rgba(0, 0, 0, 0.04);
  --orb-2: rgba(0, 0, 0, 0.03);
  --orb-3: rgba(0, 0, 0, 0.02);
  --flash-success-bg: #f5f5f7;
  --flash-success-text: #000000;
  --flash-error-bg: #ffffff;
  --flash-error-text: #000000;
  --btn-primary-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
  --btn-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
  --btn-raised-bg: #ffffff;
  --btn-raised-border: #d2d2d7;
  --btn-accent-bg: #000000;
  --btn-accent-border: #000000;
  --btn-accent-text: #ffffff;
  --on-accent: #ffffff;
}

/* 春风绿满园 */
[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;
  --on-accent: #ffffff;
}

/* 初芳恋梅雨 */
[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;
  --on-accent: #ffffff;
}

/* 初分落木夜 — 纯黑底，靠边框分层（对齐 id.cflmy.cn） */
[data-theme="autumnnight"] {
  --bg: #000000;
  --bg-alt: #000000;
  --surface: #000000;
  --surface-solid: #000000;
  --text: #ffffff;
  --muted: #a1a1a6;
  --accent: #ffffff;
  --accent-secondary: #e5e5e5;
  --accent-soft: rgba(255, 255, 255, 0.08);
  --accent-hover: #e5e5e5;
  --border: rgba(255, 255, 255, 0.28);
  --header-bg: #000000;
  --shadow: none;
  --gradient-hero: #000000;
  --gradient-accent: linear-gradient(90deg, #ffffff, #e5e5e5);
  --orb-1: transparent;
  --orb-2: transparent;
  --orb-3: transparent;
  --flash-success-bg: #000000;
  --flash-success-text: #ffffff;
  --flash-error-bg: #000000;
  --flash-error-text: #ffffff;
  --btn-primary-shadow: none;
  --btn-shadow: none;
  --btn-raised-bg: #000000;
  --btn-raised-border: rgba(255, 255, 255, 0.32);
  --btn-accent-bg: #ffffff;
  --btn-accent-border: #ffffff;
  --btn-accent-text: #000000;
  --on-accent: #000000;
}