/* ==============================
   PWA Theme System
   ============================== */

/* ===== 默认 / 黑金琥珀 ===== */
[data-theme="obsidian-gold"],
:root {
  --bg-primary: #0a0a0f;
  --bg-secondary: #12121a;
  --bg-card: #1a1a25;
  --bg-card-hover: #22222f;
  
  --accent-primary: #d4a843;
  --accent-secondary: #b8942e;
  --accent-glow: rgba(212, 168, 67, 0.15);
  --accent-hero: #d4a843;
  
  --text-primary: #e8e4dc;
  --text-secondary: #9a9590;
  --text-muted: #5a5550;
  
  --border-subtle: rgba(255, 191, 105, 0.08);
  --border-card: 0 0 0 0 transparent;
  
  --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.3);
  
  --tab-active: #d4a843;
  --tab-inactive: rgba(255, 255, 255, 0.4);
  
  --bg-texture: none;
  --texture-opacity: 0;

  /* ---- Legacy aliases (backward compat with existing CSS) ---- */
  --gold-primary: #d4a843;
  --gold-light: #f0c878;
  --gold-glow: rgba(212, 168, 67, 0.3);
  --gold-dim: rgba(212, 168, 67, 0.12);
  --amber: #c8956c;
  --green-check: #6ecf8e;
  --red-urgent: #e07070;
  --border-gold: rgba(212, 168, 67, 0.2);
  --accent: #d4a843;
  --accent-gold: #d4a843;
  --gold: #c9a04e;
  --gold-secondary: #e8c577;
  --bg-main: #0a0a0f;
}

/* ===== 深渊翡翠 v2 ===== */
[data-theme="abyssal-jade"] {
  /* 底色：墨玉黑，微带翠底 */
  --bg-primary: #0b1411;
  --bg-secondary: #101d18;
  --bg-card: rgba(16, 38, 30, 0.65);
  --bg-card-hover: rgba(22, 50, 40, 0.72);

  /* 主强调：温润翡翠绿，不刺眼 */
  --accent-primary: #6B9E8A;
  --accent-secondary: #568272;
  --accent-glow: rgba(107, 158, 138, 0.12);
  --accent-hero: #6B9E8A;

  /* 文字：翠调灰白 */
  --text-primary: #D5DDD9;
  --text-secondary: #8FA69A;
  --text-muted: #5A7568;

  /* 边框 */
  --border-subtle: rgba(107, 158, 138, 0.08);
  --border-card: inset 0 0 0 1px rgba(107, 158, 138, 0.06);

  --shadow-card: 0 2px 16px rgba(0, 0, 0, 0.4);

  --tab-active: #6B9E8A;
  --tab-inactive: #5A7568;

  /* 噪点纹理 */
  --bg-texture: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
  --texture-opacity: 0.4;

  /* ---- Legacy aliases ---- */
  --gold-primary: #6B9E8A;
  --gold-light: #82B49E;
  --gold-glow: rgba(107, 158, 138, 0.18);
  --gold-dim: rgba(107, 158, 138, 0.08);
  --amber: #C4A46C;
  --green-check: #6B9E8A;
  --red-urgent: #D47070;
  --border-gold: rgba(107, 158, 138, 0.16);
  --accent: #6B9E8A;
  --accent-gold: #6B9E8A;
  --gold: #6B9E8A;
  --gold-secondary: #82B49E;
  --bg-main: #0b1411;
}

/* ===== 暖纸 warm-paper ===== */
[data-theme="warm-paper"] {
  --bg-primary: #FAF6F1;
  --bg-secondary: #F5EFE8;
  --bg-card: #FFFFFF;
  --bg-card-hover: #FDF8F2;

  --accent-primary: #C4725A;
  --accent-secondary: #A85D48;
  --accent-glow: rgba(196, 114, 90, 0.10);
  --accent-hero: #C4725A;

  --text-primary: #2D2B28;
  --text-secondary: #6B6560;
  --text-muted: #9B9490;

  --border-subtle: rgba(180, 160, 140, 0.18);
  --border-card: 0 0 0 1px rgba(180, 160, 140, 0.12);

  --shadow-card: 0 1px 4px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.02);

  --tab-active: #C4725A;
  --tab-inactive: rgba(45, 43, 40, 0.35);

  --bg-texture: none;
  --texture-opacity: 0;

  /* ---- Legacy aliases ---- */
  --gold-primary: #C4725A;
  --gold-light: #D4886E;
  --gold-glow: rgba(196, 114, 90, 0.20);
  --gold-dim: rgba(196, 114, 90, 0.08);
  --amber: #B8956C;
  --green-check: #6EA87A;
  --red-urgent: #D47070;
  --border-gold: rgba(196, 114, 90, 0.20);
  --accent: #C4725A;
  --accent-gold: #C4725A;
  --gold: #C4725A;
  --gold-secondary: #D4886E;
  --bg-main: #FAF6F1;
}

/* ==============================
   月藤私语 / Moonlit Vine
   Original CSS/SVG artwork, scoped to this theme only.
   ============================== */
[data-theme="moonlit-vine"] {
  --bg-primary: #0E0B14;
  --bg-secondary: #17111E;
  --bg-card: rgba(38, 27, 45, 0.72);
  --bg-card-hover: rgba(49, 35, 57, 0.82);

  --accent-primary: #D5A6B5;
  --accent-secondary: #B7A4CE;
  --accent-glow: rgba(213, 166, 181, 0.16);
  --accent-hero: #D5A6B5;

  --text-primary: #F2EBF1;
  --text-secondary: #C9BBC7;
  --text-muted: #958593;

  --border-subtle: rgba(237, 213, 226, 0.11);
  --border-card: inset 0 0 0 1px rgba(244, 224, 235, 0.06);
  --shadow-card: 0 14px 34px rgba(4, 2, 8, 0.26), 0 2px 8px rgba(4, 2, 8, 0.22);

  --tab-active: #E2B6C5;
  --tab-inactive: rgba(224, 211, 222, 0.48);

  /* Original repeating moon-and-vine line art. */
  --bg-texture: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='180'%20height='180'%20viewBox='0%200%20180%20180'%3E%3Cg%20fill='none'%20stroke='%23d5a6b5'%20stroke-opacity='.22'%20stroke-width='.65'%3E%3Cpath%20d='M-8%20142C28%20126%2018%2082%2052%2068C77%2057%2092%2031%2088-8'/%3E%3Cpath%20d='M52%2068C42%2055%2035%2048%2024%2045M51%2069C65%2070%2073%2076%2079%2088'/%3E%3Cpath%20d='M119%20188C113%20147%20134%20128%20168%20116C187%20109%20195%2089%20190%2072M150%20124C145%20107%20150%2095%20162%2086'/%3E%3C/g%3E%3Cg%20fill='%23b7a4ce'%20fill-opacity='.13'%3E%3Cellipse%20cx='25'%20cy='44'%20rx='7'%20ry='2.8'%20transform='rotate(28%2025%2044)'/%3E%3Cellipse%20cx='78'%20cy='88'%20rx='7'%20ry='2.8'%20transform='rotate(58%2078%2088)'/%3E%3Cellipse%20cx='162'%20cy='86'%20rx='7'%20ry='2.8'%20transform='rotate(-38%20162%2086)'/%3E%3C/g%3E%3Cg%20fill='%23f2ebf1'%20fill-opacity='.22'%3E%3Ccircle%20cx='20'%20cy='18'%20r='.8'/%3E%3Ccircle%20cx='142'%20cy='35'%20r='.65'/%3E%3Ccircle%20cx='103'%20cy='142'%20r='.75'/%3E%3C/g%3E%3Cpath%20d='M128%2062a10%2010%200%201%201-7-17%2011%2011%200%201%200%207%2017z'%20fill='%23c7a36b'%20fill-opacity='.1'/%3E%3C/svg%3E");
  --texture-opacity: 0.30;

  /* Legacy aliases used by existing components. */
  --gold-primary: #D5A6B5;
  --gold-light: #E9C8D2;
  --gold-glow: rgba(213, 166, 181, 0.24);
  --gold-dim: rgba(213, 166, 181, 0.10);
  --amber: #C7A36B;
  --green-check: #86B7A2;
  --red-urgent: #D98288;
  --border-gold: rgba(213, 166, 181, 0.22);
  --accent: #D5A6B5;
  --accent-gold: #D5A6B5;
  --gold: #D5A6B5;
  --gold-secondary: #B7A4CE;
  --bg-main: #0E0B14;
}