/* ============================================================
   GTAW – gemeinsame Design-Tokens
   ------------------------------------------------------------
   Diese Datei hält NUR die Werte, die sich bei einer Marken-
   oder Größenänderung tatsächlich ändern: Farben, Schriften,
   Radien, Grundtypografie. Die Bausteine (Karten, Regler,
   Tabellen) bleiben in der jeweiligen Seite, weil sich Layout
   und Dichte von Tool zu Tool unterscheiden.

   Ändern Sie hier eine Farbe, ändert sie sich überall.
   Einbinden im <head> VOR dem seitenspezifischen <style>:
     <link rel="stylesheet" href="wk-design.css">
   ============================================================ */

/* Self-hosted statt Google-Fonts-CDN: Wärmepumpen und Zählerschränke
   stehen im Keller, dort ist kein Netz - Offline-Betrieb ist keine Kür. */
@font-face{font-family:'League Spartan';font-style:normal;font-weight:400 800;font-display:swap;src:url('fonts/league-spartan.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/source-sans-3.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  /* Marke */
  --green:#F5C745;      /* Primär-Pink: Akzente, aktive Zustände */
  --green-d:#8A4500;    /* Pink dunkel: Text auf hellem Grund, Werte */
  --green-bg:#FDF3DC;   /* Pink hell: Positivflächen */

  /* Aliasse für Seiten, die die Marke pink nennen */
  --pink:#F5C745;
  --pink-d:#8A4500;
  --pink-bg:#FDF3DC;

  /* Neutrale */
  --ink:#141110;        /* Text, dunkle Flächen, Primärbuttons */
  --muted:#5F5651;      /* Sekundärtext, Kontrast ~7:1 auf Papier */
  --line:#DCD4CF;       /* Rahmen, Trennlinien */
  --bg:#EFEAE7;         /* Papierton, Seitenhintergrund */
  --surface:#FFFFFF;    /* Karten */

  /* Signal */
  --red:#C42B4E;
  --red-bg:#FFECEF;
  --ok:#0B7E56;
  --warn:#B4661A;
  --warn-bg:#FBF0E2;

  /* Form */
  --radius:20px;
  --radius-sm:14px;
  --tap:54px;           /* Mindesthöhe für Fingerbedienung */

  /* Schrift */
  --ls:'League Spartan',system-ui,sans-serif;   /* Überschriften, Zahlen */
  --ss:'Source Sans 3',system-ui,sans-serif;    /* Fließtext, Formulare */
}

/* Grundtypografie – gilt für alle Tools gleich */
.wk-h1{font-family:var(--ls);font-size:clamp(2.4rem,4.6vw,4.1rem);font-weight:700;letter-spacing:-.032em;line-height:.98}
.wk-h2{font-family:var(--ls);font-size:clamp(1.9rem,3.2vw,2.9rem);font-weight:700;letter-spacing:-.03em;line-height:1.02}
.wk-num{font-family:var(--ls);font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}

/* Eyebrow-Label mit Strich – in jedem Tool identisch */
.wk-eyebrow{display:flex;align-items:center;gap:.7rem;font-size:.68rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--green-d);font-weight:700}
.wk-eyebrow::before{content:'';width:34px;height:2px;background:var(--akzent2);flex:none}

@media(prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
}
