/* Peinert — Design-Tokens · „Modern-Premium+ (hell)" — proto-5
   Warm-neutrales Off-White, tiefes Smaragd als Akzent (kein Orange/Gold).
   Fonts selbst gehostet (CSP font-src 'self'); relative URLs zeigen von
   /static/css/ nach /static/fonts/ — identisch zu url_for('static', filename='fonts/…'). */

/* ============================================================ @font-face (WOFF2, swap) */
/* Chivo — Wortmarke „Peinert" (Variante 07: Name + Claim) */
/* Libre Franklin — Fließtext und Überschriften (Richtung B „Amtsregister"):
   eine amerikanische Grotesk mit etwas mehr Charakter als Inter, ohne dekorativ
   zu werden. Newsreader trägt ausschließlich das P der Bildmarke. */
@font-face{font-family:"Libre Franklin";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/libre-franklin-v20-latin_latin-ext-regular.woff2?v=1785538110") format("woff2")}
@font-face{font-family:"Libre Franklin";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/libre-franklin-v20-latin_latin-ext-500.woff2?v=1785538109") format("woff2")}
@font-face{font-family:"Libre Franklin";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/libre-franklin-v20-latin_latin-ext-600.woff2?v=1785538110") format("woff2")}
@font-face{font-family:"Libre Franklin";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/libre-franklin-v20-latin_latin-ext-700.woff2?v=1785538110") format("woff2")}

/* Manrope — Wortmarke / Logo (Konzept 14) */
/* Instrument Sans — Headlines */

/* Inter — Body / UI */

/* JetBrains Mono — Zahlen / Kennungen (tabular-nums) */
@font-face{
  font-family:"JetBrains Mono";
  font-style:normal;font-weight:400;font-display:swap;
  src:url("../fonts/jetbrains-mono-v24-latin_latin-ext-regular.woff2?v=1785532715") format("woff2");
}
@font-face{
  font-family:"JetBrains Mono";
  font-style:normal;font-weight:500;font-display:swap;
  src:url("../fonts/jetbrains-mono-v24-latin_latin-ext-500.woff2?v=1785532696") format("woff2");
}
@font-face{
  font-family:"JetBrains Mono";
  font-style:normal;font-weight:700;font-display:swap;
  src:url("../fonts/jetbrains-mono-v24-latin_latin-ext-700.woff2?v=1785532696") format("woff2");
}

/* ============================================================ Tokens (Modern-Premium hell) */
:root{
  /* Flächen */
  --paper:#F1F1EE;        /* warm off-white base */
  --paper-2:#FFFFFF;      /* white surface for lift */
  --sand:#F1F1EE;         /* warm neutral surface */
  --sand-2:#EBEBE7;       /* deeper warm surface */
  --katalog-bg:#EBEBE7;   /* Katalogfläche: einen Hauch tiefer als der Seitengrund */
  --katalog-line:#D5D6D1; /* Hairline auf der Katalogfläche */
  --line:#D5D6D1;         /* warm hairline */
  --line-2:#C2C4BE;
  /* Bedienelemente (Felder, Selects, Sekundär-Buttons) brauchen 3:1 nach
     WCAG 1.4.11 — die dekorativen Trennlinien --line/--line-2 liegen darunter. */
  --line-kontrast:#9A9D97;

  /* Tinte */
  --ink:#191C20;          /* warm near-black */
  --ink-2:#5A6169;        /* secondary */
  --ink-3:#5C6167;        /* muted */
  /* Zurückgenommene Schrift, die trotzdem gelesen werden muss (Schrittnummern
     der Ablauf-Zeitleiste). 3,19:1 auf --paper — reicht für große, fette
     Schrift nach WCAG 1.4.3. Eine Haarlinienfarbe stand hier vorher und kam
     auf 1,56:1: als Fläche richtig, als Ziffer unlesbar. */
  --ink-geist:#84887F;

  /* Akzent = tiefes Smaragd (geprüft / Freigabe / Wert / Aktion / Link) */
  --accent:#1F4E66;
  --accent-2:#173A4C;     /* darker */
  --accent-3:#2A6684;     /* brighter (sheen/hover) */
  --accent-soft:rgba(31,78,102,.09);  /* pale emerald surface */
  --accent-ink:#1F4E66;   /* text on pale emerald */
  --panel:#191C20;        /* dunkles Band (Verwalter, CTA) — trägt weiße Schrift */
  --panel-2:#12151A;      /* noch dunkler, für gestapelte Bänder */

  /* Farb-Semantik (streng) — Grün = geprüft/Wert · Bernstein = Mängel · Rot = Reserviert/Verkauft */
  --ok:var(--accent);
  --ok-bg:var(--accent-soft);
  --ok-ink:var(--accent-ink);
  --warn:#8A5B14;         /* Bernstein-Tinte = Mängel / Zustand (NIE grün) */
  --warn-bg:#FBF3E4;
  --warn-line:#E3D2AE;
  --danger:#9B3226;       /* gedecktes Rot = Reserviert / Verkauft */
  --danger-bg:#FCEFED;
  --danger-line:#EBC9C3;
  --neutral-bg:var(--sand-2);
  --neutral-ink:var(--ink-3);

  /* Schatten */
  --sh-1:none;
  --sh-2:none;
  --sh-3:none;
  --sh-accent:none;

  /* Schrift */
  --font-head:"Libre Franklin",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-body:"Libre Franklin",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,"Courier New",monospace;

  /* Geometrie */
  --r-sm:0; --r:0; --r-lg:0; --r-xl:0; --r-pill:0;
  --radius:0;
  --demo-h:0px;   /* Streifen entfernt; Variable bleibt, damit alle Offsets weiterrechnen */ --head-h:70px; --util-h:34px;
  --maxw:1200px;
  --gutter:clamp(18px,3.5vw,44px);
  --raum-sektion:clamp(44px,5vw,72px);

  /* Timing */
  --t-fast:150ms;
  --t-mid:280ms;
  --ease:cubic-bezier(.16,1,.3,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --fokus:3px solid var(--accent);

  /* Schriftgrößen */
  --text-base:17px;
  --text-klein:.9rem;
  --text-mini:.74rem;

  /* ---- Legacy-/Kompatibilitäts-Tokens — NUR vom Verwaltungsbereich (admin.css)
     genutzt, damit die interne Maske unverändert weiterläuft. admin.css lädt NACH
     dieser Datei und setzt --signal/--radius im Body-Scope neu. ---- */
  --mono:var(--font-mono);
  --grotesk:var(--font-body);
  
  --anthrazit:#262A26;
  --papier:#FAF9F6;
  --weiss:#FFFFFF;
  --gruen:#1F5C3D;
  --gruen-dunkel:#6B4210;
  --gruen-hell:#8FB491;
  --gruen-flaeche:#E3EBE3;
  --hairline:rgba(38,42,38,.28);
  --hairline-zart:rgba(38,42,38,.14);
  --grau-text:#5C605C;
  --grau-luecke:#5F615F;
  --signal:#1F4E66;
}