/* ============================================================
   tokens.css – Schriften & Design-Tokens
   Wird global geladen (Basis für alle anderen CSS-Dateien).
   Schrift lokal selbst gehostet (DSGVO-konform, kein Google-CDN).
   ============================================================ */

/* ----- Schriften (lokal) ----- */
@font-face{
  font-family:'Roboto';
  src:url('../fonts/roboto-400.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Roboto';
  src:url('../fonts/roboto-ext-400.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap;
  unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Roboto Condensed';
  src:url('../fonts/roboto-condensed-400.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Roboto Condensed';
  src:url('../fonts/roboto-condensed-ext-400.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap;
  unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* ----- Tokens (global) ----- */
:root{
  --orange:#F97316; --orange-2:#FB923C; --orange-press:#EA580C;
  --bg0:#18181a; --bg1:#1e1e21; --surface:#26262a;
  --light:#FFFFFF; --gray:#F5F5F5;
  --ink:#0A0A0A; --ink-2:#1a1a1a;
  --muted-dark:#9A9A9F; --muted-light:#5b5b62;
  --line-dark:rgba(255,255,255,.10); --line-light:rgba(10,10,10,.10);
  --wpat-line:rgba(10,10,10,.02); --wpat-line-d:rgba(255,255,255,.03);
  --font:'Roboto',-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --font-head:'Roboto Condensed','Roboto',-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  /* Barrierefreiheit */
  --orange-text:#A23A0E; --focus-ring:#1D1D1D;
}