/* ============================================================
   P14 — ADDITIONAL THEMES (charcoal, sunset, ocean, neon, paper)
   ============================================================ */

/* Charcoal: greyscale + blue accent */
[data-theme="charcoal"] {
  --primary: #1f2937; --primary-light: #374151;
  --accent: #2563eb; --accent-2: #3b82f6;
  --bg: #fafafa; --surface: #ffffff; --surface-2: #f4f4f5;
  --text: #18181b; --muted: #71717a; --subtle: #a1a1aa;
  --border: #e4e4e7; --border-soft: #f4f4f5;
  --green: #15803d; --green-soft: #dcfce7;
  --red: #b91c1c; --red-soft: #fee2e2;
  --yellow: #ca8a04; --yellow-soft: #fef9c3;
  --shadow-sm: 0 1px 2px rgba(24,24,27,.04); --shadow-md: 0 4px 10px rgba(24,24,27,.06); --shadow-lg: 0 12px 32px rgba(24,24,27,.10);
  --radius-sm: 6px; --radius: 10px; --radius-lg: 14px;
  --sidebar-bg: #1e3a5f; --sidebar-text: #94a3b8; --sidebar-text-active: #fff;
  --sidebar-active-bg: rgba(37,99,235,.22); --sidebar-hover-bg: rgba(255,255,255,.06); --sidebar-accent: #60a5fa;
  --sidebar-glow: #93c5fd; --sidebar-glow-shadow: rgba(96,165,250,.5);
}
[data-theme="charcoal-dark"] {
  --primary: #93c5fd; --primary-light: #bfdbfe;
  --accent: #60a5fa; --accent-2: #93c5fd;
  --bg: #000; --surface: #0a0a0a; --surface-2: #18181b;
  --text: #fafafa; --muted: #a1a1aa; --subtle: #71717a;
  --border: #27272a; --border-soft: #1f2122;
  --green: #4ade80; --green-soft: #052e16;
  --red: #f87171; --red-soft: #2a0e0c;
  --yellow: #fbbf24; --yellow-soft: #1c1100;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.3); --shadow-md: 0 4px 12px rgba(0,0,0,.35); --shadow-lg: 0 14px 36px rgba(0,0,0,.45);
  --radius-sm: 6px; --radius: 10px; --radius-lg: 14px;
  --sidebar-bg: #000; --sidebar-text: #71717a; --sidebar-text-active: #60a5fa;
  --sidebar-active-bg: rgba(96,165,250,.10); --sidebar-hover-bg: rgba(255,255,255,.04); --sidebar-accent: #60a5fa;
  --sidebar-glow: #93c5fd; --sidebar-glow-shadow: rgba(147,197,253,.5);
}

/* Sunset: cream + terracotta + coral */
[data-theme="sunset"] {
  --primary: #9a3412; --primary-light: #c2410c;
  --accent: #ea580c; --accent-2: #f97316;
  --bg: #fef7ed; --surface: #fffbf5; --surface-2: #fef3e2;
  --text: #431407; --muted: #9a3412; --subtle: #c2410c;
  --border: #fed7aa; --border-soft: #ffedd5;
  --green: #16a34a; --green-soft: #dcfce7;
  --red: #b91c1c; --red-soft: #fee2e2;
  --yellow: #d97706; --yellow-soft: #fef3c7;
  --shadow-sm: 0 1px 2px rgba(67,20,7,.04); --shadow-md: 0 4px 10px rgba(67,20,7,.06); --shadow-lg: 0 12px 32px rgba(67,20,7,.10);
  --radius-sm: 6px; --radius: 10px; --radius-lg: 14px;
  --sidebar-bg: #7c2d12; --sidebar-text: #fed7aa; --sidebar-text-active: #fff;
  --sidebar-active-bg: rgba(234,88,12,.20); --sidebar-hover-bg: rgba(255,255,255,.04); --sidebar-accent: #f97316;
  --sidebar-glow: #fb923c; --sidebar-glow-shadow: rgba(251,146,60,.5);
}
[data-theme="sunset-dark"] {
  --primary: #fb923c; --primary-light: #fdba74;
  --accent: #f97316; --accent-2: #fb923c;
  --bg: #1c0a02; --surface: #2a1408; --surface-2: #3a1d0a;
  --text: #fed7aa; --muted: #fdba74; --subtle: #fb923c;
  --border: #431407; --border-soft: #3a1d0a;
  --green: #4ade80; --green-soft: #052e16;
  --red: #f87171; --red-soft: #2a0e0c;
  --yellow: #fbbf24; --yellow-soft: #2a1f08;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.3); --shadow-md: 0 4px 12px rgba(0,0,0,.35); --shadow-lg: 0 14px 36px rgba(0,0,0,.45);
  --radius-sm: 6px; --radius: 10px; --radius-lg: 14px;
  --sidebar-bg: #1c0a02; --sidebar-text: #fdba74; --sidebar-text-active: #fb923c;
  --sidebar-active-bg: rgba(249,115,22,.15); --sidebar-hover-bg: rgba(255,255,255,.04); --sidebar-accent: #fb923c;
  --sidebar-glow: #fdba74; --sidebar-glow-shadow: rgba(253,186,116,.5);
}

/* Ocean: slate blue + cyan */
[data-theme="ocean"] {
  --primary: #0c4a6e; --primary-light: #075985;
  --accent: #0891b2; --accent-2: #06b6d4;
  --bg: #f0f9ff; --surface: #ffffff; --surface-2: #e0f2fe;
  --text: #082f49; --muted: #475569; --subtle: #64748b;
  --border: #bae6fd; --border-soft: #e0f2fe;
  --green: #16a34a; --green-soft: #dcfce7;
  --red: #b91c1c; --red-soft: #fee2e2;
  --yellow: #ca8a04; --yellow-soft: #fef9c3;
  --shadow-sm: 0 1px 2px rgba(8,47,73,.04); --shadow-md: 0 4px 10px rgba(8,47,73,.06); --shadow-lg: 0 12px 32px rgba(8,47,73,.10);
  --radius-sm: 6px; --radius: 10px; --radius-lg: 14px;
  --sidebar-bg: #0c4a6e; --sidebar-text: #bae6fd; --sidebar-text-active: #fff;
  --sidebar-active-bg: rgba(8,145,178,.20); --sidebar-hover-bg: rgba(255,255,255,.04); --sidebar-accent: #06b6d4;
  --sidebar-glow: #67e8f9; --sidebar-glow-shadow: rgba(103,232,249,.5);
}
[data-theme="ocean-dark"] {
  --primary: #7dd3fc; --primary-light: #bae6fd;
  --accent: #22d3ee; --accent-2: #67e8f9;
  --bg: #020617; --surface: #0f172a; --surface-2: #1e293b;
  --text: #e0f2fe; --muted: #7dd3fc; --subtle: #38bdf8;
  --border: #1e293b; --border-soft: #0f172a;
  --green: #4ade80; --green-soft: #052e16;
  --red: #f87171; --red-soft: #2a0e0c;
  --yellow: #fbbf24; --yellow-soft: #1c1100;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.3); --shadow-md: 0 4px 12px rgba(0,0,0,.35); --shadow-lg: 0 14px 36px rgba(0,0,0,.45);
  --radius-sm: 6px; --radius: 10px; --radius-lg: 14px;
  --sidebar-bg: #020617; --sidebar-text: #475569; --sidebar-text-active: #67e8f9;
  --sidebar-active-bg: rgba(34,211,238,.10); --sidebar-hover-bg: rgba(255,255,255,.04); --sidebar-accent: #67e8f9;
  --sidebar-glow: #22d3ee; --sidebar-glow-shadow: rgba(34,211,238,.5);
}

/* Neon: hi-energy */
[data-theme="neon"] {
  --primary: #18181b; --primary-light: #27272a;
  --accent: #a855f7; --accent-2: #c084fc;
  --bg: #ffffff; --surface: #ffffff; --surface-2: #fafafa;
  --text: #18181b; --muted: #71717a; --subtle: #a1a1aa;
  --border: #e4e4e7; --border-soft: #f4f4f5;
  --green: #84cc16; --green-soft: #ecfccb;
  --red: #b91c1c; --red-soft: #fee2e2;
  --yellow: #eab308; --yellow-soft: #fef9c3;
  --shadow-sm: 0 1px 2px rgba(24,24,27,.04); --shadow-md: 0 4px 10px rgba(24,24,27,.06); --shadow-lg: 0 12px 32px rgba(24,24,27,.10);
  --radius-sm: 6px; --radius: 10px; --radius-lg: 14px;
  --sidebar-bg: #2e1065; --sidebar-text: #d8b4fe; --sidebar-text-active: #fff;
  --sidebar-active-bg: rgba(168,85,247,.20); --sidebar-hover-bg: rgba(255,255,255,.04); --sidebar-accent: #a855f7;
  --sidebar-glow: #c084fc; --sidebar-glow-shadow: rgba(192,132,252,.5);
}
[data-theme="neon-dark"] {
  --primary: #f0abfc; --primary-light: #f5d0fe;
  --accent: #ec4899; --accent-2: #f472b6;
  --bg: #000; --surface: #0a0a0a; --surface-2: #18181b;
  --text: #fafafa; --muted: #a1a1aa; --subtle: #71717a;
  --border: #27272a; --border-soft: #1f2122;
  --green: #a3e635; --green-soft: #1a2e05;
  --red: #f87171; --red-soft: #2a0e0c;
  --yellow: #fbbf24; --yellow-soft: #1c1100;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.3); --shadow-md: 0 4px 12px rgba(0,0,0,.35); --shadow-lg: 0 14px 36px rgba(0,0,0,.45);
  --radius-sm: 6px; --radius: 10px; --radius-lg: 14px;
  --sidebar-bg: #000; --sidebar-text: #71717a; --sidebar-text-active: #f472b6;
  --sidebar-active-bg: rgba(236,72,153,.10); --sidebar-hover-bg: rgba(255,255,255,.04); --sidebar-accent: #ec4899;
  --sidebar-glow: #f472b6; --sidebar-glow-shadow: rgba(244,114,182,.5);
}

/* Paper: parchment + brown ink */
[data-theme="paper"] {
  --primary: #5d4037; --primary-light: #795548;
  --accent: #87651e; --accent-2: #a0813a;
  --bg: #f9f5ec; --surface: #fdfaf2; --surface-2: #f5ede0;
  --text: #2d2620; --muted: #6b5e54; --subtle: #8b7d70;
  --border: #e8dcc4; --border-soft: #f0e7d4;
  --green: #15803d; --green-soft: #dcfce7;
  --red: #b91c1c; --red-soft: #fee2e2;
  --yellow: #ca8a04; --yellow-soft: #fef9c3;
  --shadow-sm: 0 1px 2px rgba(45,38,32,.04); --shadow-md: 0 4px 10px rgba(45,38,32,.06); --shadow-lg: 0 12px 32px rgba(45,38,32,.10);
  --radius-sm: 6px; --radius: 10px; --radius-lg: 14px;
  --sidebar-bg: #4e342e; --sidebar-text: #d7ccc8; --sidebar-text-active: #fff;
  --sidebar-active-bg: rgba(135,101,30,.20); --sidebar-hover-bg: rgba(255,255,255,.04); --sidebar-accent: #c89556;
  --sidebar-glow: #d4a574; --sidebar-glow-shadow: rgba(212,165,116,.5);
}
[data-theme="paper-dark"] {
  --primary: #d4a574; --primary-light: #e8c39a;
  --accent: #c89556; --accent-2: #d4a574;
  --bg: #1c1612; --surface: #25201a; --surface-2: #2d2620;
  --text: #f5edd6; --muted: #c8b89a; --subtle: #a09475;
  --border: #3d352a; --border-soft: #2d2620;
  --green: #4ade80; --green-soft: #052e16;
  --red: #f87171; --red-soft: #2a0e0c;
  --yellow: #fbbf24; --yellow-soft: #2a1f08;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.3); --shadow-md: 0 4px 12px rgba(0,0,0,.35); --shadow-lg: 0 14px 36px rgba(0,0,0,.45);
  --radius-sm: 6px; --radius: 10px; --radius-lg: 14px;
  --sidebar-bg: #15110d; --sidebar-text: #a09475; --sidebar-text-active: #d4a574;
  --sidebar-active-bg: rgba(200,149,86,.15); --sidebar-hover-bg: rgba(255,255,255,.04); --sidebar-accent: #c89556;
  --sidebar-glow: #d4a574; --sidebar-glow-shadow: rgba(212,165,116,.5);
}