/*
  Kopiert am 2026-08-20 aus dem Design-System.
  NICHT BEARBEITEN — diese Datei ist eine woertliche Kopie der freigegebenen Token-Definition.
  Zusaetzliche oder abweichende Werte gehoeren nach tokens-ergaenzung.css, nicht hierher.
*/
/*
  SwissEntry — Design Tokens (CSS Custom Properties)
  Stack-agnostisch. Extrahiert wörtlich aus dem :root{...}-Block der freigegebenen
  index.html (Gate 2, 2026-08-20). Keine Werte verändert; die Kontrast-Zielwerte stehen als
  Kommentar an jedem Token.
*/

:root {
  /* ---------- Farbe: Flächen & Struktur ---------- */
  --navy-900: #071B38; /* Flächenfarbe dunkler Sektionen. Weiss auf Navy-900: 17,2:1 WCAG AAA */
  --navy-700: #0D2B5A; /* Struktur-/Textfarbe auf hell. Navy-700 auf Weiss: 13,9:1 WCAG AAA; auf Blau-50: 12,7:1 WCAG AAA */
  --rot:      #D61E24; /* Genau eine Bedeutung: Anfang und Ziel. Rot auf Weiss: 5,2:1 WCAG AA; auf Blau-50: 4,7:1 WCAG AA (knapp); auf Grau-50: 4,8:1 WCAG AA; Weiss auf Rot (Button): 5,2:1 WCAG AA. VERBOTEN: Rot auf Navy-700 (2,7:1, nie), Rot auf Navy-900 nur Grosstext ab 24px Bold/30px Regular (3,3:1) */

  --blau-50: #EFF5FB; /* Ruhige Flächen: Karten, Zebrazeilen, offene Tafeln */
  --grau-50: #F5F6F8; /* Seitengrund heller Sektionen */
  --weiss:   #FFFFFF; /* Karten, Standorttafel, Text auf Navy */

  --text:      #0D2B5A; /* Fliesstext-Ink auf hell (= --navy-700) */
  --text-2:    #46536B; /* Sekundärtext auf hell. Text-2 auf Weiss: 7,8:1 WCAG AA; auf Blau-50: 7,1:1 WCAG AA */
  --on-navy:   #FFFFFF; /* Text auf dunkel */
  --on-navy-2: #B9C6DA; /* Sekundärtext auf dunkel. Auf Navy-900: 9,9:1 WCAG AA */

  --linie: #D6DEEA; /* Trennlinien, Tafelkanten auf hell */

  /* ---------- Farbe: Paketmarker (Datenattribut, kein Dekor) ---------- */
  --gold:      #D39A2A; /* Markierungsfarbe COMFORT. NIE als Text (2,5:1 auf Weiss) */
  --gold-ink:  #8A6216; /* Textfarbe COMFORT auf hell. Gold-Ink auf Weiss: 5,5:1 WCAG AA */
  --gruen:     #3C8F5B; /* Markierungsfarbe FAMILIEN. NIE als Text (4,0:1 auf Weiss) */
  --gruen-ink: #2C7346; /* Textfarbe FAMILIEN auf hell. Gruen-Ink auf Weiss: 5,8:1 WCAG AA */

  /* ---------- Signature-Element ---------- */
  --tip: 18px; /* Einzug der Tafelspitze, exakt vertikal mittig */

  /* ---------- Typografie ---------- */
  --sans: 'Archivo', 'Segoe UI', system-ui, sans-serif; /* Google Fonts, wdth 62-125 / wght 400-800 */
}

/*
  Nicht als Custom Properties deklariert, aber Teil des Vertrags — als benutzbare Properties
  stehen sie in tokens-ergaenzung.css:
  - Breakpoints: 700px, 1000px
  - Radius: max 4px erlaubt, real verbaut 0px (Tafelkanten) und 50% (Etappenkreise)
  - Schatten: genau eine Stufe, 0 1px 2px rgba(7,27,56,.10), nur auf der Standorttafel
  - Container/Sektionsrhythmus: 20/32/48px Seitenabstand, 96px/64px/48px Sektionsrhythmus
  Diese Werte sind in der bestehenden index.html direkt als Literale verbaut (nicht als
  var(--...)), weil sie in der freigegebenen Vorlage keine Custom Properties waren — der
  system-builder ändert daran nichts (keine Design-Erfindung, kein Refactor).
*/