/* ============================================================
   FABRIKAT STARTER-KIT · theme.css  —  DER ANPASS-PUNKT
   ------------------------------------------------------------
   Das ist die EINZIGE Datei, die pro Kunde geändert wird. Sie setzt
   das Marken-CI: Akzentfarbe, Neutral-Tönung, Schriften, Form-Sprache.
   Die Akzent-Skala leitet ui.css automatisch aus --accent-h/c/l ab —
   ui.css NIE editieren.

   Wie anpassen (Agent + Kunde):
   1. --accent-h/-c/-l = die Markenfarbe (OKLCH: Hue 0–360, Chroma
      ~0.10–0.18, Lightness ~0.45–0.60). KEIN reflexhaftes 240-Blau oder
      60-Orange — das sind die KI-Defaults, an denen man AI-Output erkennt.
   2. --neutral-h leicht in Richtung der Marken-Hue (NIE pures Grau, das
      ist tot). Chroma winzig (0.004–0.012) — Wärme/Kühle ohne Färbung.
   3. Schriften: System-Stack = Default (portabel, schnell, kein FOUT).
      Marken-Gesicht? Webfont im HTML laden + hier eintragen. Display +
      Body auf Kontrast-Achse paaren (Serif+Sans / Geometric+Humanist) —
      NIE zwei ähnliche Sans.
   4. --radius + --density = Form- und Dichte-Sprache der Marke.

   Reines Web-Standard-CSS. Kein Build, kein Framework. Gehört dem Kunden.
   ============================================================ */

:root {
  /* ---- MARKE: Akzent — IUFC Blau #1A355D, exakt aus dem Logo abgeleitet (OKLCH) ---- */
  --accent-h: 258;      /* Hue von #1A355D — Marken-Navy, kein KI-Default-Blau */
  --accent-c: 0.075;    /* Chroma — bewusst zurückhaltend/gedeckt, kein Knallblau */
  --accent-l: 0.33;     /* Lightness — tiefes, seriöses Navy (entspricht dem Logo-Ton) */

  /* ---- MARKE: Neutral-Tönung — kühles, dezentes Grau Richtung Navy, NIE Cream/Warm ---- */
  --neutral-h: 258;     /* = Akzent-Hue, damit Flächen + Navy harmonieren */
  --neutral-c: 0.005;   /* minimal kühl getönt, wirkt hochwertig statt steril */

  /* ---- MARKE: Schriften — bewusst OHNE Webfont-Nachladen (Privacy by Design, 0 Requests) ----
     Display: Futura selbst, wenn beim Besucher installiert (macOS/Adobe-Systeme), sonst
     hochwertige geometrische Systemalternativen (Century Gothic/Avenir Next), sonst System-Sans.
     Kein Font-File wird ausgeliefert → lizenzrechtlich sauber, DSGVO-unkritisch, 0ms FOUT. */
  --font-body:    ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-display: Futura, "Century Gothic", "Avenir Next", "URW Gothic", var(--font-body);
  --font-mono:    ui-monospace, "SF Mono", "Cascadia Code", "Consolas", monospace;

  /* ---- MARKE: Form-Sprache — reduziert, seriös, kein verspieltes Rund ---- */
  --radius:  6px;        /* zurückhaltend, kein Pill-/App-Look */
  --density: 1.1;        /* etwas großzügiger Weißraum — Premium-Wirkung durch Luft statt Dichte */

  color-scheme: light;
}

/* ============================================================
   DARK THEME (optional) — auskommentiert. Zum Aktivieren diesen Block
   einkommentieren ODER in @media (prefers-color-scheme: dark) packen.
   Dark holt Tiefe über HELLERE Flächen (nicht Schatten), entsättigt den
   Akzent leicht und nimmt Textgewicht minimal zurück (07-Prinzip).
   ============================================================ */
/*
:root {
  color-scheme: dark;
  --accent-l: 0.62;
  --canvas:  oklch(0.175 var(--neutral-c) var(--neutral-h));
  --surface: oklch(0.215 var(--neutral-c) var(--neutral-h));
  --raised:  oklch(0.250 var(--neutral-c) var(--neutral-h));
  --sunk:    oklch(0.150 var(--neutral-c) var(--neutral-h));
  --ink:       oklch(0.94 var(--neutral-c) var(--neutral-h));
  --ink-soft:  oklch(0.78 var(--neutral-c) var(--neutral-h));
  --ink-faint: oklch(0.64 var(--neutral-c) var(--neutral-h));
  --line:        oklch(0.30 var(--neutral-c) var(--neutral-h));
  --line-soft:   oklch(0.26 var(--neutral-c) var(--neutral-h));
  --line-strong: oklch(0.38 var(--neutral-c) var(--neutral-h));
}
*/
