/* 创明笔记四套主题 — 与个人主页同名 data-theme，共用 localStorage */

/* 默认：长风连暮云 */
:root,
[data-theme="twilight"] {
  --ink-bg: #1a1228;
  --ink-bg-alt: #2a1a32;
  --ink-surface: rgba(38, 26, 48, 0.95);
  --ink-surface-solid: #261c34;
  --ink-surface-2: #342442;
  --ink-border: rgba(255, 175, 130, 0.48);
  --ink-text: #fff5ee;
  --ink-muted: #d4b8ae;
  --ink-accent: #ff6b4a;
  --ink-accent-secondary: #ffb347;
  --ink-accent-soft: rgba(255, 107, 74, 0.22);
  --ink-accent-hover: #ff8f70;
  --ink-on-accent: #fff;
  --ink-danger: #f87171;
  --ink-success: #6ee7b7;
  --ink-shadow: 0 12px 40px rgba(80, 30, 40, 0.4);
  --ink-canvas-bg: #221830;
  --ink-canvas-grid: rgba(255, 175, 130, 0.22);
  --ink-modal-backdrop: rgba(26, 18, 40, 0.72);
  --ink-toast-bg: #2a1a32;
  --ink-hero-em: #ffb347;
  --ink-orb-1: rgba(255, 107, 74, 0.35);
  --ink-orb-2: rgba(255, 140, 66, 0.3);
  --ink-gradient-accent: linear-gradient(180deg, #ff8f70 0%, #ff6b4a 55%, #e85a3a 100%);
  --ink-btn-primary-shadow: 0 2px 8px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 160, 120, 0.45);
  --ink-btn-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
  --ink-btn-raised-bg: #2e2238;
  --ink-btn-raised-border: rgba(255, 175, 130, 0.55);
  --ink-btn-accent-bg: #4a2e3a;
  --ink-btn-accent-border: #ff8f70;
  --ink-btn-accent-text: #ffd4c4;
}

/* 春风绿满园 */
[data-theme="spring"] {
  --ink-bg: #f0fdf4;
  --ink-bg-alt: #dcfce7;
  --ink-surface: rgba(255, 255, 255, 0.95);
  --ink-surface-solid: #ffffff;
  --ink-surface-2: #ecfdf5;
  --ink-border: rgba(4, 120, 87, 0.42);
  --ink-text: #14532d;
  --ink-muted: #4d7c5e;
  --ink-accent: #059669;
  --ink-accent-secondary: #34d399;
  --ink-accent-soft: rgba(5, 150, 105, 0.14);
  --ink-accent-hover: #10b981;
  --ink-on-accent: #fff;
  --ink-danger: #dc2626;
  --ink-success: #059669;
  --ink-shadow: 0 12px 36px rgba(5, 150, 105, 0.12);
  --ink-canvas-bg: #ecfdf5;
  --ink-canvas-grid: rgba(4, 120, 87, 0.22);
  --ink-modal-backdrop: rgba(20, 83, 45, 0.35);
  --ink-toast-bg: #14532d;
  --ink-hero-em: #059669;
  --ink-orb-1: rgba(52, 211, 153, 0.4);
  --ink-orb-2: rgba(134, 239, 172, 0.35);
  --ink-gradient-accent: linear-gradient(180deg, #10b981 0%, #059669 55%, #047857 100%);
  --ink-btn-primary-shadow: 0 2px 8px rgba(5, 150, 105, 0.38), 0 0 0 1px rgba(5, 120, 90, 0.25);
  --ink-btn-shadow: 0 1px 3px rgba(5, 80, 60, 0.12);
  --ink-btn-raised-bg: #ffffff;
  --ink-btn-raised-border: rgba(4, 120, 87, 0.5);
  --ink-btn-accent-bg: #d1fae5;
  --ink-btn-accent-border: #059669;
  --ink-btn-accent-text: #047857;
}

/* 初芳恋梅雨 */
[data-theme="plumrain"] {
  --ink-bg: #f5f3ff;
  --ink-bg-alt: #ede9fe;
  --ink-surface: rgba(255, 255, 255, 0.94);
  --ink-surface-solid: #faf5ff;
  --ink-surface-2: #f3e8ff;
  --ink-border: rgba(109, 40, 217, 0.4);
  --ink-text: #3b0764;
  --ink-muted: #7c6b9e;
  --ink-accent: #8b5cf6;
  --ink-accent-secondary: #c4b5fd;
  --ink-accent-soft: rgba(139, 92, 246, 0.16);
  --ink-accent-hover: #a78bfa;
  --ink-on-accent: #fff;
  --ink-danger: #be185d;
  --ink-success: #7c3aed;
  --ink-shadow: 0 12px 36px rgba(139, 92, 246, 0.14);
  --ink-canvas-bg: #faf5ff;
  --ink-canvas-grid: rgba(109, 40, 217, 0.2);
  --ink-modal-backdrop: rgba(59, 7, 100, 0.35);
  --ink-toast-bg: #3b0764;
  --ink-hero-em: #8b5cf6;
  --ink-orb-1: rgba(167, 139, 250, 0.38);
  --ink-orb-2: rgba(196, 181, 253, 0.32);
  --ink-gradient-accent: linear-gradient(180deg, #a78bfa 0%, #8b5cf6 55%, #7c3aed 100%);
  --ink-btn-primary-shadow: 0 2px 8px rgba(124, 58, 237, 0.32), 0 0 0 1px rgba(109, 40, 217, 0.2);
  --ink-btn-shadow: 0 1px 3px rgba(91, 33, 182, 0.1);
  --ink-btn-raised-bg: #ffffff;
  --ink-btn-raised-border: rgba(109, 40, 217, 0.48);
  --ink-btn-accent-bg: #ede9fe;
  --ink-btn-accent-border: #7c3aed;
  --ink-btn-accent-text: #5b21b6;
}

/* 初分落木夜 */
[data-theme="autumnnight"] {
  --ink-bg: #060608;
  --ink-bg-alt: #0c0c10;
  --ink-surface: rgba(16, 16, 20, 0.96);
  --ink-surface-solid: #101014;
  --ink-surface-2: #18181e;
  --ink-border: rgba(154, 172, 204, 0.5);
  --ink-text: #e8eaef;
  --ink-muted: #6e7689;
  --ink-accent: #9aaccc;
  --ink-accent-secondary: #6b8aad;
  --ink-accent-soft: rgba(154, 172, 204, 0.14);
  --ink-accent-hover: #b8c8e4;
  --ink-on-accent: #060608;
  --ink-danger: #f87171;
  --ink-success: #86efac;
  --ink-shadow: 0 12px 48px rgba(0, 0, 0, 0.55);
  --ink-canvas-bg: #0a0a0e;
  --ink-canvas-grid: rgba(154, 172, 204, 0.24);
  --ink-modal-backdrop: rgba(0, 0, 0, 0.78);
  --ink-toast-bg: #18181e;
  --ink-hero-em: #9aaccc;
  --ink-orb-1: rgba(90, 110, 150, 0.12);
  --ink-orb-2: rgba(60, 72, 96, 0.1);
  --ink-gradient-accent: linear-gradient(180deg, #b8c8e4 0%, #9aaccc 55%, #6b8aad 100%);
  --ink-btn-primary-shadow: 0 2px 10px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(184, 200, 228, 0.35);
  --ink-btn-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
  --ink-btn-raised-bg: #1a1a22;
  --ink-btn-raised-border: rgba(154, 172, 204, 0.58);
  --ink-btn-accent-bg: #1e2838;
  --ink-btn-accent-border: #9aaccc;
  --ink-btn-accent-text: #d4e4f8;
}
