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

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

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

/* 初分落木夜 — 纯黑底，靠边框分层（对齐 id.cflmy.cn） */
[data-theme="autumnnight"] {
  --ink-bg: #000000;
  --ink-bg-alt: #000000;
  --ink-surface: #000000;
  --ink-surface-solid: #000000;
  --ink-surface-2: #000000;
  --ink-border: rgba(255, 255, 255, 0.28);
  --ink-text: #ffffff;
  --ink-muted: #a1a1a6;
  --ink-accent: #ffffff;
  --ink-accent-secondary: #e5e5e5;
  --ink-accent-soft: rgba(255, 255, 255, 0.08);
  --ink-accent-hover: #e5e5e5;
  --ink-on-accent: #000000;
  --ink-danger: #ff453a;
  --ink-success: #30d158;
  --ink-shadow: none;
  --ink-canvas-bg: #000000;
  --ink-canvas-grid: rgba(255, 255, 255, 0.14);
  --ink-modal-backdrop: rgba(0, 0, 0, 0.72);
  --ink-toast-bg: #ffffff;
  --ink-toast-text: #000000;
  --ink-hero-em: #ffffff;
  --ink-orb-1: transparent;
  --ink-orb-2: transparent;
  --ink-gradient-accent: linear-gradient(180deg, #ffffff 0%, #e5e5e5 55%, #ffffff 100%);
  --ink-btn-primary-shadow: none;
  --ink-btn-shadow: none;
  --ink-btn-raised-bg: #000000;
  --ink-btn-raised-border: rgba(255, 255, 255, 0.32);
  --ink-btn-accent-bg: #ffffff;
  --ink-btn-accent-border: #ffffff;
  --ink-btn-accent-text: #000000;
}