/*
 * Stover Rennen – gemeinsame Basis-Variablen für alle public pages
 * (index.php, zahlung.php, danke.php)
 *
 * Page-spezifische Styles bleiben weiterhin inline in den jeweiligen PHP-Dateien.
 * Hier nur die designsystem-Variablen, damit alle Seiten dieselbe Palette nutzen
 * und der Browser die Variablen nur einmal cached.
 */

:root {
  --sr-green: #16a34a;
  --sr-green-dark: #15803d;
  --sr-green-light: #dcfce7;
  --sr-green-50: #f0fdf4;
  --sr-amber: #d97706;
  --sr-amber-dark: #92400e;
  --sr-amber-light: #fef3c7;
  --sr-amber-50: #fffbeb;
  --sr-gray-50: #f9fafb;
  --sr-gray-100: #f3f4f6;
  --sr-gray-200: #e5e7eb;
  --sr-gray-300: #d1d5db;
  --sr-gray-400: #9ca3af;
  --sr-gray-500: #6b7280;
  --sr-gray-600: #4b5563;
  --sr-gray-700: #374151;
  --sr-gray-800: #1f2937;
  --sr-gray-900: #111827;
  --sr-bg: #fff;
  --sr-bg-page: var(--sr-gray-100);
  --sr-border: var(--sr-gray-200);
  --sr-input-bg: #fff;
  --sr-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}

[data-theme="dark"] {
  --sr-gray-50: #1a1a2e;
  --sr-gray-100: #111827;
  --sr-gray-200: #374151;
  --sr-gray-300: #4b5563;
  --sr-gray-400: #6b7280;
  --sr-gray-500: #9ca3af;
  --sr-gray-600: #d1d5db;
  --sr-gray-700: #e5e7eb;
  --sr-gray-800: #f3f4f6;
  --sr-gray-900: #f9fafb;
  --sr-green-light: #052e16;
  --sr-green-50: #052e16;
  --sr-amber-light: #451a03;
  --sr-amber-50: #451a03;
  --sr-bg: #1f2937;
  --sr-bg-page: #111827;
  --sr-border: #374151;
  --sr-input-bg: #1a1a2e;
  color-scheme: dark;
}