/* 
   THEME SYSTEM
   Hier werden die Farben definiert.
*/

:root {
    /* === STANDARD THEME (Dein aktuelles Design) === */
    --bg-dark: #050f16;       /* Haupt-Hintergrundfarbe (Dunkelblau/Schwarz) */
    --secondary: #0a1e2e;     /* Sekundärfarbe (z.B. Text auf Gold-Buttons) */
    --glass-bg: rgba(255, 255, 255, 0.05); /* Hintergrund für Boxen (Glas-Effekt) */
    --glass-border: rgba(255, 255, 255, 0.1); /* Randfarbe der Boxen */
    
    /* Formulare (Standard Dark) */
    --input-bg: rgba(255, 255, 255, 0.1); /* Hintergrund Eingabefelder */
    --input-border: rgba(255, 255, 255, 0.2); /* Rand Eingabefelder */
    --input-text: #ffffff;    /* Textfarbe Eingabefelder */
    
    --text-main: #ffffff;     /* Haupt-Schriftfarbe */
    --text-muted: #cccccc;    /* Nebentext-Farbe (grau) */
    
    /* Hauptfarben */
    --primary: #3498db;       /* Blau (Links, Infos) */
    --primary-dark: #2980b9;  /* Dunkles Blau (Hover) */
    
    --success: #2ecc71;       /* Grün (Erfolg, Sieg, Geld) */
    --success-dark: #27ae60;  /* Dunkles Grün */
    
    --danger: #e74c3c;        /* Rot (Fehler, Niederlage, Karten) */
    --danger-dark: #c0392b;   /* Dunkles Rot */
    
    --warning: #f1c40f;       /* Gelb (Warnung) */
    --warning-dark: #f39c12;  /* Dunkles Gelb */
    
    --accent-gold: #d4af37;   /* Gold (Überschriften, Akzente) */
    --btn-gold-start: #d4af37; /* Button-Verlauf Start */
    --btn-gold-end: #b38f2d;   /* Button-Verlauf Ende */
    
    --purple: #9b59b6;        /* Lila (Spezial) */
    --purple-dark: #8e44ad;   /* Dunkles Lila */
}

/* === THEME: KÖNIGSKLASSE (Royal / Dark Mode Pro) === */
[data-theme="royal"] {
    --bg-dark: #0f0518;       /* Hintergrund: Sehr dunkles Lila */
    
    --primary: #8e44ad;       /* Primärfarbe: Lila */
    --primary-dark: #6c3483;  /* Hover: Dunkles Lila */
    
    --success: #00b894;       /* Erfolg: Mint-Grün */
    --success-dark: #008f72;  /* Hover: Dunkles Mint */
    
    --danger: #ff7675;        /* Fehler: Lachs-Rot */
    --danger-dark: #d63031;   /* Hover: Dunkles Rot */
    
    --accent-gold: #ffd700;   /* Akzent: Leuchtendes Gold */
    
    --glass-bg: rgba(142, 68, 173, 0.1); /* Boxen: Lila Schimmer */
    --glass-border: rgba(142, 68, 173, 0.2); /* Rand: Lila */
}

/* === THEME: CLEAN LIGHT (Helles Design) === */
[data-theme="light"] {
    --bg-dark: #f0f2f5;       /* Hintergrund: Helles Grau/Weiß */
    --secondary: #ffffff;     /* Text auf Buttons (Weiß) */
    
    --glass-bg: rgba(255, 255, 255, 0.85); /* Boxen: Milchglas (hell) */
    --glass-border: rgba(0, 0, 0, 0.1);    /* Rand: Zartes Grau (WICHTIG für Sichtbarkeit!) */
    
    --input-bg: rgba(0, 0, 0, 0.05);       /* Inputs: Leichtes Grau */
    --input-border: rgba(0, 0, 0, 0.1);    /* Inputs Rand: Grau */
    --input-text: #000000;                 /* Inputs Text: Schwarz */
    
    --text-main: #000000;     /* Haupttext: Schwarz */
    --text-muted: #000000;    /* Nebentext: Schwarz (für Kontrast) */
    
    /* Farben etwas abdunkeln für Kontrast auf Weiß */
    --primary: #2980b9;       --primary-dark: #1f618d; /* Blau */
    --success: #27ae60;       --success-dark: #219150; /* Grün */
    --danger: #c0392b;        --danger-dark: #962d22;  /* Rot */
    --warning: #f39c12;       --warning-dark: #d35400; /* Orange */
    
    --accent-gold: #000000;   /* Akzent: Schwarz (statt Gold, für Lesbarkeit) */
    
    --purple: #8e44ad;        --purple-dark: #71368a;  /* Lila */
}