/* ============================================================
   Die Lehrakte — Design-Tokens (Single Source of Truth)
   Grundlage: lehrakte-dokus/marketing/00-marken-und-marketing-
   grundsatzpapier.md §19 (Visuelle Haltung)
   Haltung: klar & geordnet · dokumentarisch, nicht behördlich ·
   hochwertig, nicht luxuriös · freundlich, nicht verspielt.
   ============================================================ */

:root {
  /* ---- Farbe: Papier & Tinte (Basis) ---- */
  --la-papier:        #f6f3ec;  /* warmes Papier, kein Klinikweiß */
  --la-papier-tief:   #efeadf;  /* abgesetzte Flächen, Aktendeckel */
  --la-karton:        #e7e0d0;  /* Kartenränder, Registerflächen */
  --la-tinte:         #22302e;  /* Fließtext, dunkles Tintengrün */
  --la-tinte-soft:    #51605d;  /* Sekundärtext, Bildunterschriften */

  /* ---- Farbe: Akzente ---- */
  --la-petrol:        #175e66;  /* Primärakzent: Links, Buttons */
  --la-petrol-tief:   #0f464d;  /* Hover/aktive Zustände */
  --la-ocker:         #b98a2b;  /* Register, Marginalien, Auszeichnung */
  --la-ocker-hell:    #f0e3c6;  /* Registerflächen, Badge-Hintergrund */

  /* ---- Farbe: Funktional ---- */
  --la-linie:         #d9d2c2;  /* Linierung, Tabellen, Trenner */
  --la-linie-stark:   #b9b0999e;
  --la-positiv:       #2c6e49;  /* Qualitätskennzeichen */
  --la-hinweis:       #8a4b2d;  /* ruhige Hinweise — kein Dauer-Rot */

  /* ---- Typografie ---- */
  --la-font-display: "Fraunces", "Georgia", serif;
  --la-font-text:    "Source Sans 3", "Segoe UI", sans-serif;
  --la-font-akte:    "IBM Plex Mono", "Consolas", monospace;

  /* Skala (Major Third, fluid) */
  --la-fs-xs:   0.8125rem;
  --la-fs-s:    0.9375rem;
  --la-fs-base: 1.0625rem;
  --la-fs-m:    1.25rem;
  --la-fs-l:    clamp(1.5rem, 1.2rem + 1.2vw, 2rem);
  --la-fs-xl:   clamp(2rem, 1.5rem + 2.2vw, 3.25rem);
  --la-fs-hero: clamp(2.6rem, 1.8rem + 3.6vw, 4.5rem);

  --la-lh-text: 1.6;
  --la-lh-tight: 1.15;
  --la-tracking-akte: 0.08em;   /* Metadaten-Zeilen, Versalien */

  /* ---- Raum ---- */
  --la-space-1: 0.25rem;
  --la-space-2: 0.5rem;
  --la-space-3: 1rem;
  --la-space-4: 1.5rem;
  --la-space-5: 2.5rem;
  --la-space-6: 4rem;
  --la-space-7: 6.5rem;
  --la-mass: 68ch;              /* Zeilenlänge Fließtext */
  --la-content: 72rem;          /* Seitenbreite */

  /* ---- Form ---- */
  --la-radius-s: 3px;           /* zurückhaltend — Akte, nicht App */
  --la-radius-register: 8px 8px 0 0;
  --la-border: 1px solid var(--la-linie);
  --la-border-stark: 1.5px solid var(--la-tinte);
  --la-shadow-akte: 0 1px 0 var(--la-linie), 0 12px 32px -18px rgb(34 48 46 / 0.35);

  /* ---- Bewegung ---- */
  --la-ease: cubic-bezier(0.33, 1, 0.68, 1);
  --la-dauer: 220ms;
}