/* Design-Tokens: einzige Farbquelle des Projekts (CLAUDE.md Design-System).
   RAL-Verkehrsfarben, Leitidee "Zulassungsstelle für wilde Schilder". */

@font-face { font-family: 'Barlow'; src: url('../fonts/barlow.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Barlow'; src: url('../fonts/barlow-600.woff2') format('woff2'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Barlow Semi Condensed'; src: url('../fonts/barlow-semi-600.woff2') format('woff2'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Barlow Semi Condensed'; src: url('../fonts/barlow-semi-700.woff2') format('woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Barlow Condensed'; src: url('../fonts/barlow-cond-700.woff2') format('woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'GL-Nummernschild-Mtl'; src: url('../fonts/gl-nummernschild-mtl.woff2') format('woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'GL-Nummernschild-Eng'; src: url('../fonts/gl-nummernschild-eng.woff2') format('woff2'); font-weight: 700; font-display: swap; }

:root {
  /* Farben Light */
  --bg: #F7FBF5;
  --surface: #FFFFFF;
  --surface-2: #EEF3EC;
  --text: #2A2D2F;
  --text-soft: #565D61;
  --line: #D8DFD9;
  --primary: #003399;
  --on-primary: #FFFFFF;
  --link: #005A8C;
  --accent: #F7B500;
  --ok: #008351;
  --err: #BB1E10;
  /* Schilder: in BEIDEN Themes weiß mit schwarzer Schrift */
  --plate-bg: #FFFFFF;
  --plate-text: #17191B;
  --plate-border: #17191B;
  --plate-band: #003399;
  --plate-stars: #FFCC00;
  /* Halter: wie die Schilder in beiden Themes konstant (schwarzer Kunststoff) */
  --halter-bg: #17191B;
  --halter-text: #9AA3A8;
  /* Typografie */
  --font-body: 'Barlow', system-ui, Arial, sans-serif;
  --font-head: 'Barlow Semi Condensed', 'Arial Narrow', system-ui, sans-serif;
  --font-plate: 'GL-Nummernschild-Mtl', 'Barlow Condensed', 'Arial Narrow', system-ui, sans-serif;
  /* Layout */
  --radius: 10px;
  --shadow: 0 2px 10px rgba(23, 25, 27, 0.08);
  --wrap: 64rem;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #17191B;
    --surface: #24272A;
    --surface-2: #1D2023;
    --text: #F2F4F5;
    --text-soft: #A9B1B5;
    --line: #3A3F43;
    --primary: #6E97E8;
    --on-primary: #17191B;
    --link: #7FB8DC;
    --accent: #FFCC00;
    --ok: #4FBF95;
    --err: #F07B6E;
    --shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
    /* plate-* und halter-* Tokens bleiben unverändert: retroreflektierender Look */
  }
}