/*
 * ════════════════════════════════════════════════════════
 *  turnier-theme.css
 *  Farbgebung & Design-Variablen für das Turniermeldungsformular
 *  1. Viernheimer Judo-Club e.V.
 *
 *  Alle Farben, Abstände und Schatten lassen sich hier
 *  zentral anpassen – ohne die HTML-Datei zu ändern.
 * ════════════════════════════════════════════════════════
 */

:root {

  /* ── Primärfarben ──────────────────────────────────────
     Hauptakzentfarbe (z. B. Vereinsfarbe).
     Wird für Header-Statistik, Buttons, Fehlermarkierungen
     und die Meldefrist-Badge verwendet.              */
  --red:        #C8102E;   /* Hauptfarbe          */
  --red-dark:   #9B0B22;   /* Hover-Dunkelton     */
  --red-light:  #F2D0D6;   /* Heller Akzent       */

  /* ── Sekundärfarbe ─────────────────────────────────────
     Kontrastfarbe für den „Meldung bearbeiten"-Button,
     den Fortschrittsbalken und Highlight-Akzente.   */
  --gold:       #E8B84B;

  /* ── Neutraltöne ───────────────────────────────────────
     Abgestuftes Grau-Spektrum für Texte, Hintergründe
     und Trennlinien.                                */
  --black:      #0E0E0E;   /* Tiefster Ton (Header-Hintergrund) */
  --charcoal:   #1A1A1A;   /* Sektions-Header, Footer           */
  --gray-700:   #3D3D3D;   /* Label-Texte                       */
  --gray-500:   #666666;   /* Hilfstexte, Meta-Infos            */
  --gray-300:   #B0B0B0;   /* Deaktivierte Elemente             */
  --gray-100:   #F0F0F0;   /* Judoka-Karten-Header, Confirm-Box */
  --white:      #FFFFFF;   /* Karten-Hintergrund                */
  --surface:    #F6F4F2;   /* Seiten-Hintergrund                */
  --border:     #DEDAD6;   /* Rahmenfarbe                       */

  /* ── Status-Farben ─────────────────────────────────────
     Für Erfolgs-, Warn- und Fehlermeldungen.        */
  --success:    #1A7A4A;
  --warning:    #B8620A;
  /* Fehlerfarbe = --red (wird wiederverwendet)       */

  /* ── Form & Layout ─────────────────────────────────────
     Eckenradius und Schatteneffekte.                */
  --radius:     6px;
  --shadow:     0 2px 12px rgba(0,0,0,0.10);
  --shadow-lg:  0 8px 32px rgba(0,0,0,0.14);

}

/*
 * ── Schnellstart: Anderes Farbschema ─────────────────────
 *
 * Beispiel Blau/Silber:
 *   --red:      #1A56B0;
 *   --red-dark: #0F3D80;
 *   --gold:     #A0AABC;
 *   --black:    #0A0F1E;
 *   --charcoal: #1B2437;
 *
 * Beispiel Grün/Gold:
 *   --red:      #1A6B3C;
 *   --red-dark: #0F4A28;
 *   --gold:     #D4A017;
 *   --black:    #0D1A10;
 *   --charcoal: #1A2E1E;
 */