/* Sportforum – Tokens. Erzeugt aus tokens.json. Schriften liegen lokal in fonts/. */
@font-face{font-family:"Barlow";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/Barlow-400.woff2") format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/Barlow-500.woff2") format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/Barlow-600.woff2") format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/Barlow-700.woff2") format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/BarlowCondensed-600.woff2") format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/BarlowCondensed-700.woff2") format("woff2")}
:root,:root[data-theme=light]{color-scheme:light;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:72px;
  --space-9:112px;
  --radius-sm:2px;
  --radius-md:6px;
  --radius-lg:14px;
  --radius-pill:999px;
  --container-text:720px;
  --container:1120px;
  --container-wide:1320px;
  --z-nav:100;
  --z-overlay:200;
  --font-sans:"Barlow", "Helvetica Neue", Arial, sans-serif;
  --font-display:"Barlow Condensed", "Arial Narrow", Arial, sans-serif;
  --surface-100:#f5f4ef;
  --surface-200:#ffffff;
  --surface-300:#e8e6df;
  --ink:#1d2124;
  --ink-muted:#52575c;
  --line:#d9d6cd;
  --line-strong:#8a877f;
  --brand:#d6d940;
  --on-brand:#1d2124;
  --brand-ink:#575a05;
  --accent:#4a1c3d;
  --on-accent:#ffffff;
  --accent-soft:#f0e4ec;
  --link:#245f84;
  --link-hover:#16405a;
  --focus:#245f84;
  --success:#2f6b2c;
  --warning:#8a5a00;
  --danger:#a63a3a;
  --overlay:#1d2124d9;
  --white-fixed:#ffffff;
  --shadow-sm:0 1px 2px #1d21241f, 0 1px 1px #1d212414;
  --shadow-md:0 10px 24px -8px #1d212433, 0 2px 6px #1d21241a}
:root[data-theme=dark]{color-scheme:dark;
  --surface-100:#15181a;
  --surface-200:#1f2326;
  --surface-300:#0e1011;
  --ink:#efeee9;
  --ink-muted:#a6abae;
  --line:#2e3336;
  --line-strong:#7b8084;
  --brand:#d6d940;
  --on-brand:#1d2124;
  --brand-ink:#d6d940;
  --accent:#7a3566;
  --on-accent:#ffffff;
  --accent-soft:#2b1a26;
  --link:#8fc3e3;
  --link-hover:#bfe0f3;
  --focus:#8fc3e3;
  --success:#8fd38a;
  --warning:#e6b455;
  --danger:#f08a8a;
  --overlay:#0e1011e6;
  --white-fixed:#ffffff;
  --shadow-sm:0 1px 2px #00000066;
  --shadow-md:0 10px 24px -8px #000000aa}