/* ============================================================
   ProfitWerk — Design-Tokens (Quelle der Wahrheit, CLAUDE.md §3)
   Entscheidung Jonas 09.09.2026: Orientierung am-beratung.de —
   viel Weiß, Schrift in Schwarz/Ink, Rot als Akzent (Logo-Strich).
   Display: Montserrat (Logo-Wortmarke) · Text: Inter.
   Signatur-Element: Kalkulationszeile (tabular-nums, .zahlen).
   ============================================================ */
:root{
  /* Farben */
  --ink:#181818;              /* Text, nie #000 */
  --rot:#C8102E;              /* Akzent, sparsam: CTA, Linien, Kalkulationsmarker */
  --rot-dunkel:#A00D25;       /* Hover */
  --flaeche:#FFFFFF;
  --flaeche-alt:#F5F5F4;      /* Sektionswechsel */
  --muted:#5B5F66;
  --linie:rgba(24,24,24,.14);

  /* Status-Farben (Vorher/Nachher-Sektion, Ergaenzung auf Jonas' Wunsch 10.09.2026) */
  --warnton:#B75B00;
  --warn-flaeche:#FBEFDF;
  --gruen:#1E7A3C;
  --gruen-flaeche:#E7F4EB;

  /* Plan-Palette der Vorher/Nachher-Sektion — am Vorbild gemessen (10.09.2026) */
  --plan-ink:#2C2E34;          --plan-leer:#D8DBE0;
  --plan-rot-a:#BA1421;        --plan-rot-b:#E21F2F;        /* fixe Auftraege */
  --plan-rot-hell-a:#E94C59;   --plan-rot-hell-b:#F1747E;   /* geplante Auftraege */
  --plan-frei-text:#B5B8BF;    --plan-kopf-text:#7A7E87;
  --plan-kap-bg:#FFF7F8;       --plan-kap-text:#9B4B53;     /* Kapazitaets-Zelle */
  --plan-team-bg:#F6F7F9;      --plan-team-text:#5C6068;
  --plan-titel:#111216;        --plan-ansicht:#888C94;
  --warnband-text:#A34A13;     --warnband-bg:#FFF7F0;
  --warn-pill-bg:#FFF2E8;      --warn-punkt:#F27B28;
  --gut-pill-text:#207A42;     --gut-pill-bg:#EAF8EF;       --gut-punkt:#2EAA60;
  --balken-text:#BA1421;       --balken-bg:#FFF4F5;
  --balken-a:#E21F2F;          --balken-b:#F59AA2;
  --kreis-bg:#F0F1F3;          --kreis-text:#70747C;
  --gruen-zeile:#226D3F;       --gruen-kreis-bg:#E6F6EC;    --gruen-kreis-text:#21834A;

  /* Schrift */
  --font-display:'Montserrat',-apple-system,'Helvetica Neue',Arial,sans-serif;
  --font-text:'Inter',-apple-system,'Helvetica Neue',Arial,sans-serif;
  --text-13:13px; --text-14:14px; --text-16:16px; --text-18:18px; --text-22:22px;
  --h1-size:clamp(34px,5.2vw,64px);
  --h2-size:clamp(28px,3.6vw,40px);

  /* Raster: 8 px · Breakpoints 640/980/1200 (Media Queries koennen keine Vars) */
  --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s6:48px; --s8:64px; --s14:112px;
  --wrapper:1200px;
  --radius-s:3px; --radius-m:8px; --radius-l:12px; --radius-xl:16px;

  /* Motion */
  --ease:cubic-bezier(.16,1,.3,1);
  --t-hover:150ms;
  --t-reveal:450ms;
  --check-gruen:#1E9E5A;      /* Haekchen im Hero, am Vorbild gemessen (rgb 30 158 90) */
}