/* =========================================================
   tokens.css – Farben und Schriften Susi Loos
   Design 1:1 nach der alten Seite: schwarzer Grund, Petrol #008e9d
   als Akzent (Logo, Titel, Buttons), Schrift Lato.
   ========================================================= */

@font-face{font-family:"Lato";font-style:normal;font-weight:300;font-display:swap;src:url("../fonts/lato-latin-300-normal.woff2") format("woff2")}
@font-face{font-family:"Lato";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/lato-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Lato";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/lato-latin-700-normal.woff2") format("woff2")}

:root{
  --color-accent:#008e9d;        /* Logo, Sektionstitel, Buttons, aktive Menüpunkte */
  --color-accent-dark:#00717d;
  --color-accent-light:#0c2326;
  --color-btn-hover:#878787;     /* Button-Hover wie im Original */
  --color-ink:#ffffff;           /* Überschriften */
  --color-text:#ffffff;          /* Fließtext (Original: weiß auf Schwarz) */
  --color-muted:#a3a3a3;
  --color-line:rgba(255,255,255,.16);
  --color-white:#ffffff;
  --color-black:#000000;
  --color-panel:#0d0d0d;         /* Kacheln, Formularfelder */

  --font-head:"Lato","Helvetica Neue",Arial,sans-serif;
  --font-body:"Lato","Helvetica Neue",Arial,sans-serif;
  --fw-light:300;
  --head-case:uppercase;
  --head-tracking:2px;
  color-scheme:dark;
}