/* 
   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: PITCH GREEN (Rasen-Dunkel) === */
[data-theme="pitch_green"] {
    --bg-dark: #071a0f;
    --secondary: #071a0f;

    --glass-bg: rgba(0, 180, 80, 0.07);
    --glass-border: rgba(0, 180, 80, 0.18);

    --input-bg: rgba(0, 180, 80, 0.08);
    --input-border: rgba(0, 180, 80, 0.25);
    --input-text: #e8f5e9;

    --text-main: #e8f5e9;
    --text-muted: #a5c8a5;

    --primary: #2ecc71;       --primary-dark: #27ae60;
    --success: #00e676;       --success-dark: #00c853;
    --danger: #ff5252;        --danger-dark: #d50000;
    --warning: #ffeb3b;       --warning-dark: #f9a825;

    --accent-gold: #69f0ae;
    --btn-gold-start: #00b050;
    --btn-gold-end: #007a35;

    --purple: #64dd17;        --purple-dark: #33691e;
}

/* === THEME: NEON (PitchLogic Shop-Look) === */
[data-theme="neon"] {
    --bg-dark: #050505;
    --secondary: #050505;

    --glass-bg: rgba(0, 255, 136, 0.04);
    --glass-border: rgba(0, 255, 136, 0.12);

    --input-bg: rgba(0, 255, 136, 0.06);
    --input-border: rgba(0, 255, 136, 0.2);
    --input-text: #e0e0e0;

    --text-main: #e0e0e0;
    --text-muted: #8892a4;

    --primary: #00b8ff;       --primary-dark: #0091cc;
    --success: #00ff88;       --success-dark: #00cc6e;
    --danger: #ff4d6d;        --danger-dark: #cc0033;
    --warning: #ffd700;       --warning-dark: #ccac00;

    --accent-gold: #00ff88;
    --btn-gold-start: #00ff88;
    --btn-gold-end: #00b8ff;

    --purple: #a855f7;        --purple-dark: #7c3aed;
}