/* ===========================================
   WVV TURNIERINFOS - FARBVARIABLEN
   ========================================== */

:root {
  /* === PRIMÄRE MARKENFARBEN === */
  --primary-blue: #005EA8;
  --primary-blue-dark: #003f73;
  --primary-text: #2d3748;
  --accent-text: #333;
  
  /* === TURNIERKATEGORIE-FARBEN === */
  /* Kategorie A - Gelb/Gold */
  --kategorie-a-primary: rgb(255, 234, 0);
  --kategorie-a-secondary: rgb(230, 210, 0);
  --kategorie-a-text: #333;
  --kategorie-a-shadow: rgba(255, 234, 0, 0.4);
  
  /* Kategorie A+ - Orange/Gold */
  --kategorie-a-plus-primary: rgb(255, 200, 0);
  --kategorie-a-plus-secondary: rgb(230, 180, 0);
  --kategorie-a-plus-text: #333;
  --kategorie-a-plus-shadow: rgba(255, 200, 0, 0.4);
  
  /* Kategorie B - Türkis */
  --kategorie-b-primary: rgb(0, 213, 224);
  --kategorie-b-secondary: rgb(0, 190, 200);
  --kategorie-b-text: white;
  --kategorie-b-shadow: rgba(0, 213, 224, 0.4);
  
  /* Kategorie B+ - Dunkles Türkis */
  --kategorie-b-plus-primary: rgb(0, 190, 170);
  --kategorie-b-plus-secondary: rgb(0, 170, 150);
  --kategorie-b-plus-text: white;
  --kategorie-b-plus-shadow: rgba(0, 190, 170, 0.4);
  
  /* Kategorie C - Grün */
  --kategorie-c-primary: rgb(171, 229, 50);
  --kategorie-c-secondary: rgb(150, 200, 40);
  --kategorie-c-text: #333;
  --kategorie-c-shadow: rgba(171, 229, 50, 0.4);
  
  /* Kategorie D - Grau */
  --kategorie-d-primary: rgb(230, 230, 230);
  --kategorie-d-secondary: rgb(200, 200, 200);
  --kategorie-d-text: #333;
  --kategorie-d-shadow: rgba(230, 230, 230, 0.4);
  
  /* Kategorie Premium - Schwarz */
  --kategorie-premium-primary: rgb(45, 45, 45);
  --kategorie-premium-secondary: rgb(20, 20, 20);
  --kategorie-premium-text: white;
  --kategorie-premium-shadow: rgba(45, 45, 45, 0.4);
  
  /* Kategorie Senioren - Blau */
  --kategorie-senioren-primary: rgb(70, 142, 250);
  --kategorie-senioren-secondary: rgb(50, 120, 230);
  --kategorie-senioren-text: white;
  --kategorie-senioren-shadow: rgba(70, 142, 250, 0.4);
  
  /* Kategorie Jugend - Violett */
  --kategorie-jugend-primary: rgb(166, 78, 255);
  --kategorie-jugend-secondary: rgb(140, 60, 230);
  --kategorie-jugend-text: white;
  --kategorie-jugend-shadow: rgba(166, 78, 255, 0.4);
  
  /* === FEEDBACK-FARBEN === */
  /* Info/Highlight (Blau) */
  --info-bg-light: #e1f4fd;
  --info-bg-dark: #b3e0f7;
  --info-border: var(--primary-blue);
  --info-text: var(--primary-blue-dark);
  
  /* Warnung (Rot) */
  --warning-bg-light: #fed7d7;
  --warning-bg-dark: #feb2b2;
  --warning-border: #e53e3e;
  --warning-text: #c53030;
  
  /* Tipp (Gelb) */
  --tip-bg-light: #fefcbf;
  --tip-bg-dark: #faf089;
  --tip-border: #d69e2e;
  --tip-text: #b7791f;
  
  /* App-Reminder (Violett) */
  --app-bg-light: #e9d8fd;
  --app-bg-dark: #d6bcfa;
  --app-border: #805ad5;
  --app-text: #6b46c1;
  --app-shadow: rgba(107, 70, 193, 0.3);
  
  /* === UI-FARBEN === */
  /* Hintergründe */
  --bg-white: white;
  --bg-light-gray: #f7fafc;
  --bg-medium-gray: #edf2f7;
  --bg-contact: rgba(247, 250, 252, 0.8);
  
  /* Borders */
  --border-light: #e2e8f0;
  --border-medium: #ccc;
  
  /* Text */
  --text-primary: #2d3748;
  --text-secondary: #4a5568;
  --text-muted: #718096;
  
  /* Links */
  --link-color: var(--primary-blue);
  --link-hover: var(--primary-blue-dark);
  
  /* Buttons */
  --button-primary: var(--primary-blue);
  --button-primary-hover: var(--primary-blue-dark);
  --button-text: white;
  
  /* Spiele-Grid */
  --game-number-text: #2d3748;
  --game-time-text: var(--primary-blue);
  --game-field-text: #718096;
  --game-slot-bg-light: #f7fafc;
  --game-slot-bg-dark: #edf2f7;
  --game-slot-border: #e2e8f0;
  --game-slot-hover-border: var(--primary-blue);
  
  /* Schatten */
  --shadow-light: rgba(0, 0, 0, 0.1);
  --shadow-medium: rgba(0, 0, 0, 0.15);
  --shadow-brand: rgba(0, 94, 168, 0.3);
  
  /* === GRADIENT-KOMBINATIONEN === */
  --gradient-brand: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue-dark) 100%);
  --gradient-info: linear-gradient(135deg, var(--info-bg-light), var(--info-bg-dark));
  --gradient-warning: linear-gradient(135deg, var(--warning-bg-light), var(--warning-bg-dark));
  --gradient-tip: linear-gradient(135deg, var(--tip-bg-light), var(--tip-bg-dark));
  --gradient-app: linear-gradient(135deg, var(--app-bg-light), var(--app-bg-dark));
  --gradient-game-slot: linear-gradient(135deg, var(--game-slot-bg-light), var(--game-slot-bg-dark));
}
