/* ============================================
   ilk.online - Theme System
   Themes ueberschreiben CSS Custom Properties
   ============================================ */

/* === Default: Midnight Blue (Standard) === */
:root,
[data-theme="midnight"] {
  --theme-bg: #0a0e17;
  --theme-bg-secondary: #111827;
  --theme-bg-tertiary: #1f2937;
  --theme-border: #374151;
  --theme-text: #e5e7eb;
  --theme-text-muted: #9ca3af;
  --theme-accent: #4fc3f7;
  --theme-accent-hover: #29b6f6;
  --theme-accent-glow: rgba(79, 195, 247, 0.15);
  --theme-success: #34d399;
  --theme-danger: #ef4444;
  --theme-warning: #fb923c;

  /* Startseite spezifisch */
  --color-bg: #161d24;
  --color-accent: #4fc3f7;
  --color-glass: rgba(255, 255, 255, 0.1);
  --color-glass-hover: rgba(255, 255, 255, 0.25);
}

/* === Cyber Neon === */
[data-theme="cyber"] {
  --theme-bg: #0d0221;
  --theme-bg-secondary: #150535;
  --theme-bg-tertiary: #1e0a4a;
  --theme-border: #2d1b69;
  --theme-text: #e0d4ff;
  --theme-text-muted: #9b8ec4;
  --theme-accent: #00f0ff;
  --theme-accent-hover: #00c8d6;
  --theme-accent-glow: rgba(0, 240, 255, 0.15);
  --theme-success: #39ff14;
  --theme-danger: #ff2d6b;
  --theme-warning: #ffaa00;

  --color-bg: #0d0221;
  --color-accent: #00f0ff;
  --color-glass: rgba(0, 240, 255, 0.08);
  --color-glass-hover: rgba(0, 240, 255, 0.18);
}

/* === Aurora Green === */
[data-theme="aurora"] {
  --theme-bg: #0a1612;
  --theme-bg-secondary: #0f2018;
  --theme-bg-tertiary: #162b20;
  --theme-border: #1e3a2a;
  --theme-text: #d1fae5;
  --theme-text-muted: #6ee7b7;
  --theme-accent: #34d399;
  --theme-accent-hover: #10b981;
  --theme-accent-glow: rgba(52, 211, 153, 0.15);
  --theme-success: #34d399;
  --theme-danger: #f87171;
  --theme-warning: #fbbf24;

  --color-bg: #0a1612;
  --color-accent: #34d399;
  --color-glass: rgba(52, 211, 153, 0.08);
  --color-glass-hover: rgba(52, 211, 153, 0.18);
}

/* === Sunset Orange === */
[data-theme="sunset"] {
  --theme-bg: #1a0e0a;
  --theme-bg-secondary: #241410;
  --theme-bg-tertiary: #2e1a14;
  --theme-border: #4a2518;
  --theme-text: #fde8d8;
  --theme-text-muted: #d4a574;
  --theme-accent: #f97316;
  --theme-accent-hover: #ea580c;
  --theme-accent-glow: rgba(249, 115, 22, 0.15);
  --theme-success: #22c55e;
  --theme-danger: #ef4444;
  --theme-warning: #eab308;

  --color-bg: #1a0e0a;
  --color-accent: #f97316;
  --color-glass: rgba(249, 115, 22, 0.08);
  --color-glass-hover: rgba(249, 115, 22, 0.18);
}

/* === Sakura Pink === */
[data-theme="sakura"] {
  --theme-bg: #1a0a14;
  --theme-bg-secondary: #24101c;
  --theme-bg-tertiary: #2e1626;
  --theme-border: #4a1f3a;
  --theme-text: #fde8f0;
  --theme-text-muted: #d4749e;
  --theme-accent: #f472b6;
  --theme-accent-hover: #ec4899;
  --theme-accent-glow: rgba(244, 114, 182, 0.15);
  --theme-success: #34d399;
  --theme-danger: #ef4444;
  --theme-warning: #fbbf24;

  --color-bg: #1a0a14;
  --color-accent: #f472b6;
  --color-glass: rgba(244, 114, 182, 0.08);
  --color-glass-hover: rgba(244, 114, 182, 0.18);
}

/* === Royal Purple === */
[data-theme="royal"] {
  --theme-bg: #100a1a;
  --theme-bg-secondary: #18102a;
  --theme-bg-tertiary: #22183a;
  --theme-border: #362a5c;
  --theme-text: #e8e0ff;
  --theme-text-muted: #a78bfa;
  --theme-accent: #8b5cf6;
  --theme-accent-hover: #7c3aed;
  --theme-accent-glow: rgba(139, 92, 246, 0.15);
  --theme-success: #34d399;
  --theme-danger: #f87171;
  --theme-warning: #fbbf24;

  --color-bg: #100a1a;
  --color-accent: #8b5cf6;
  --color-glass: rgba(139, 92, 246, 0.08);
  --color-glass-hover: rgba(139, 92, 246, 0.18);
}

/* === Arctic Ice === */
[data-theme="arctic"] {
  --theme-bg: #0a1520;
  --theme-bg-secondary: #0f1d2e;
  --theme-bg-tertiary: #15263d;
  --theme-border: #1e3a5f;
  --theme-text: #dbeafe;
  --theme-text-muted: #7dd3fc;
  --theme-accent: #38bdf8;
  --theme-accent-hover: #0ea5e9;
  --theme-accent-glow: rgba(56, 189, 248, 0.15);
  --theme-success: #34d399;
  --theme-danger: #fb7185;
  --theme-warning: #fbbf24;

  --color-bg: #0a1520;
  --color-accent: #38bdf8;
  --color-glass: rgba(56, 189, 248, 0.08);
  --color-glass-hover: rgba(56, 189, 248, 0.18);
}

/* === Crimson Red === */
[data-theme="crimson"] {
  --theme-bg: #1a0a0a;
  --theme-bg-secondary: #240f0f;
  --theme-bg-tertiary: #2e1414;
  --theme-border: #4a1f1f;
  --theme-text: #fde8e8;
  --theme-text-muted: #d47474;
  --theme-accent: #ef4444;
  --theme-accent-hover: #dc2626;
  --theme-accent-glow: rgba(239, 68, 68, 0.15);
  --theme-success: #34d399;
  --theme-danger: #ef4444;
  --theme-warning: #fbbf24;

  --color-bg: #1a0a0a;
  --color-accent: #ef4444;
  --color-glass: rgba(239, 68, 68, 0.08);
  --color-glass-hover: rgba(239, 68, 68, 0.18);
}

/* === Gold Luxury === */
[data-theme="gold"] {
  --theme-bg: #141008;
  --theme-bg-secondary: #1c170d;
  --theme-bg-tertiary: #252012;
  --theme-border: #3d3418;
  --theme-text: #fef3c7;
  --theme-text-muted: #d4a94e;
  --theme-accent: #eab308;
  --theme-accent-hover: #ca8a04;
  --theme-accent-glow: rgba(234, 179, 8, 0.15);
  --theme-success: #34d399;
  --theme-danger: #ef4444;
  --theme-warning: #eab308;

  --color-bg: #141008;
  --color-accent: #eab308;
  --color-glass: rgba(234, 179, 8, 0.08);
  --color-glass-hover: rgba(234, 179, 8, 0.18);
}

/* === Monochrome === */
[data-theme="mono"] {
  --theme-bg: #0a0a0a;
  --theme-bg-secondary: #141414;
  --theme-bg-tertiary: #1e1e1e;
  --theme-border: #333333;
  --theme-text: #e5e5e5;
  --theme-text-muted: #888888;
  --theme-accent: #ffffff;
  --theme-accent-hover: #cccccc;
  --theme-accent-glow: rgba(255, 255, 255, 0.1);
  --theme-success: #34d399;
  --theme-danger: #ef4444;
  --theme-warning: #fbbf24;

  --color-bg: #0a0a0a;
  --color-accent: #ffffff;
  --color-glass: rgba(255, 255, 255, 0.06);
  --color-glass-hover: rgba(255, 255, 255, 0.15);
}