/* Fahrerlager – Styles, ohne Build-Schritt als einzelne <link>s eingebunden (index.html, aktionen.html,
   JoinPage.kt, PairPage.kt). Reihenfolge ist Teil der Kaskade – gleich spezifische Regeln gewinnen später:
     tokens.css → base.css (Schriften, Symbole, Reset, Hilfsklassen, Zustände) → layout.css (Kopfzeile,
     Schublade, Seiten) → components.css (Karten, Buttons, Chips, Formulare, Dialoge, Wegweiser)
     → views/*.css (je Ansicht, passen Komponenten an).
   Fahrerfarbe kommt als --rc (inline) und wird per color-mix abgestuft; Rahmen + Hinterlegung: tintStyle() in common.js. */

/* ---------------------------------------------------------------------
   Tokens (M3 Dark Teal + Zusatzfarben)
   --------------------------------------------------------------------- */
:root {
  --md-sys-color-primary: #80CBC4;
  --md-sys-color-on-primary: #003731;
  --md-sys-color-primary-container: #005048;
  --md-sys-color-on-primary-container: #9EEAE3;
  --md-sys-color-secondary: #B2DFDB;
  --md-sys-color-on-secondary: #1A3533;
  --md-sys-color-secondary-container: #264B48;
  --md-sys-color-on-secondary-container: #CEFBF7;
  --md-sys-color-tertiary: #B5C4E8;
  --md-sys-color-on-tertiary: #1F2E4D;
  --md-sys-color-tertiary-container: #354565;
  --md-sys-color-on-tertiary-container: #D9E2FF;
  --md-sys-color-error: #FFB4AB;
  --md-sys-color-on-error: #690005;
  --md-sys-color-error-container: #93000A;
  --md-sys-color-on-error-container: #FFDAD6;
  --md-sys-color-background: #191C1C;
  --md-sys-color-on-background: #E0E3E2;
  --md-sys-color-surface: #191C1C;
  --md-sys-color-on-surface: #E0E3E2;
  --md-sys-color-surface-variant: #3F4948;
  --md-sys-color-on-surface-variant: #BEC9C7;
  --md-sys-color-outline: #899391;
  --md-sys-color-outline-variant: #3F4948;
  --md-sys-color-surface-container-lowest: #0E1313;
  --md-sys-color-surface-container-low:    #191C1C;
  --md-sys-color-surface-container:        #1D2121;
  --md-sys-color-surface-container-high:   #272B2B;
  --md-sys-color-surface-container-highest:#323636;

  /* Live-Aktionen: grün = erwartet, gelb = unerwartet, rot = sehr unangenehm (immer mit Rückfrage) */
  --green-btn: #2DB87A; /* kräftiger als das Theme-Teal, passend zu --yellow/--red-btn */
  --yellow:    #F6BF26;
  --red-btn:   #C62828;
  --red-text:  #FF5252; /* kräftiges Rot für Schrift auf dunklem Grund (Countdown „Jetzt!“, überfällig) – --red-btn wäre als Text zu dunkel */

  /* Chips (Plan, Live, Setup): dunkler Grund, Symbolfarben */
  --chip-bg:        #1c1b1f;
  --chip-text:      #e5e7eb;
  --lights-fg:      #facc15;
  --sun-rise:       #facc15;
  --sun-set:        #fb923c;
  --lap-time-icon:  #93c5fd;
  --rest-icon:      #c4b5fd;
  --rain:           #7dd3fc;
  --thunder-bg:     #b91c1c;
}