/* wasihrnichtseht.de — Design-Tokens
   Quelle: design-handoff/design-system/tokens/ (Brand Standards Map 2024)
   Einzige Quelle der Markenwerte. */

/* Neue Haas Grotesk Display — WOFF2-Dateien folgen (Web-Lizenz Monotype/MyFonts).
   Bis dahin greift der Fallback-Stack über font-display:swap. */
@font-face{
  font-family:"Neue Haas Grotesk Display";
  src:url("../assets/fonts/NeueHaasDisplayRoman.woff2") format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Neue Haas Grotesk Display";
  src:url("../assets/fonts/NeueHaasDisplayBold.woff2") format("woff2");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

:root{
/* Basisfarben — RZ_WINS Brand Standards Map 2024, 2.0 Farben */
--color-lakritz:#0C0608; /* Schwarz (Lakritz) C80 M77 Y60 K93 */
--color-weiss:#FFFFFF;
--color-petrol:#26A39E; /* Grün (Petrol), Sekundärfarbe */
--color-lachs:#E75D65; /* Rot (Lachs), Tertiärfarbe */
/* Abgeleitete Tints (Intentional addition — nicht in der Brand Map) */
--color-lachs-hell:oklch(0.92 0.045 18);
--color-petrol-hell:oklch(0.93 0.05 187);
/* Semantische Aliase */
--brand-primary:var(--color-lakritz);
--brand-secondary:var(--color-petrol);
--brand-tertiary:var(--color-lachs);
--text-body:var(--color-lakritz);
--text-invers:var(--color-weiss);
--text-muted:oklch(0.45 0.01 20);
--surface-page:var(--color-weiss);
--surface-invers:var(--color-lakritz);
--surface-card:var(--color-weiss);
--border-strong:var(--color-lakritz);
--focus-ring:var(--color-petrol);

/* 3.0 Typografie — Unternehmensmarke: Neue Haas Grotesk Display (Bold/Roman); Laufschrift: Georgia Regular */
--font-display:"Neue Haas Grotesk Display","Helvetica Neue",Helvetica,Arial,sans-serif;
--font-body:Georgia,"Times New Roman",serif;
--weight-display-bold:700;
--weight-display-roman:400;
/* Skala */
--text-xs:12px;
--text-sm:14px;
--text-base:17px;
--text-lg:22px;
--text-xl:28px;
--text-2xl:40px;
--text-3xl:56px;
--text-4xl:80px;
--leading-tight:1.05;
--leading-heading:1.15;
--leading-body:1.55;
--tracking-display:-0.01em;
--tracking-caps:0.02em;

/* Abstände */
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:24px;
--space-6:32px;
--space-7:48px;
--space-8:64px;
--space-9:96px;
/* Flache, kantige Formensprache: keine Rundungen außer Kreisformen (Signet) */
--radius-none:0px;
--radius-round:999px;
--border-thin:1px;
--border-thick:3px;
--shadow-none:none;

/* Layout (Site-Ergänzung) */
--pad-x:clamp(20px,5vw,48px);
--container-max:1280px;
}