/* Hallmark · macrostructure: Marquee Hero · nav: N12 banner+card · footer: Ft5 statement
 * theme: custom · vibe: "premium Fahrdienst, Graphit, Elektro-Indigo, warmer Sand"
 * paper: oklch(100% 0 0) · sand: oklch(95.6% 0.011 85) · accent: oklch(48% 0.235 274)
 * display: Newsreader · body: Public Sans
 * axes: paper-band light · display-style hochkontrast-serife · accent-hue cool
 * tone: modern, sachlich, ueberzeugend · pre-emit critique: P5 H5 E5 S4 R4 V5
 */
:root{
  /* Farbe */
  --papier:        oklch(100% 0 0);
  --papier-2:      oklch(98.2% 0.003 265);
  --sand:          oklch(95.6% 0.011 85);
  --sand-2:        oklch(91.4% 0.020 82);
  --nacht:         oklch(15.6% 0.014 268);
  --nacht-2:       oklch(21.8% 0.017 268);
  --tinte:         oklch(24% 0.016 268);
  --grau:          oklch(52% 0.014 268);
  --grau-hell:     oklch(70% 0.010 268);
  /* Nur fuer Text auf dem dunklen Fuss: --grau schafft dort nur 3,55:1. */
  --grau-fuss:     oklch(62% 0.012 268);
  --linie:         oklch(89% 0.006 268);
  --linie-dunkel:  oklch(32% 0.014 268);
  --indigo:        oklch(48% 0.235 274);
  --indigo-tief:   oklch(40% 0.215 274);
  --indigo-hell:   oklch(68% 0.155 282);
  --indigo-hauch:  oklch(96.2% 0.022 278);
  --fokus:         oklch(60% 0.20 250);

  /* Schrift */
  --anzeige: 'Newsreader', Georgia, 'Times New Roman', serif;
  /* --ui traegt Bedienelemente: Knoepfe, Etiketten, Ziffern. Eine
     hochkontrastige Serife wirkt dort billig, nicht elegant. */
  --ui:      'Public Sans', 'Helvetica Neue', Arial, sans-serif;
  --lesetext:'Public Sans', 'Helvetica Neue', Arial, sans-serif;

  --text-xs:   .78rem;
  --text-s:    .875rem;
  --text-m:    1rem;
  --text-l:    1.0625rem;
  --text-xl:   clamp(1.15rem, .95rem + .7vw, 1.4rem);
  --text-2xl:  clamp(1.4rem,  1.15rem + .9vw, 1.8rem);
  --text-3xl:  clamp(1.75rem, 1.35rem + 1.6vw, 2.5rem);
  --text-4xl:  clamp(2.1rem,  1.5rem + 2.6vw, 3.4rem);
  --anzeige-s: clamp(2.4rem,  1.6rem + 3.4vw, 4rem);
  --anzeige-m: clamp(2.7rem,  1.7rem + 4.3vw, 4.9rem);

  /* Raum, 4-pt */
  --raum-2:  .5rem;
  --raum-3:  .75rem;
  --raum-4:  1rem;
  --raum-5:  1.25rem;
  --raum-6:  1.5rem;
  --raum-8:  2rem;
  --raum-10: 2.5rem;
  --raum-12: 3rem;
  --raum-16: 4rem;
  --raum-20: 5rem;
  --raum-24: clamp(3.5rem, 2rem + 6vw, 6.5rem);

  /* Form */
  --rund-s:  10px;
  --rund-m:  16px;
  --rund-l:  22px;
  --rund-xl: 30px;
  --rund-voll: 999px;
  --linie-stark: 1.5px;

  --schatten-1: 0 1px 2px oklch(15.6% .014 268 / .06), 0 4px 14px oklch(15.6% .014 268 / .05);
  --schatten-2: 0 2px 6px oklch(15.6% .014 268 / .07), 0 18px 44px oklch(15.6% .014 268 / .09);
  --schatten-3: 0 30px 70px oklch(15.6% .014 268 / .16);

  /* Bewegung */
  --dauer-s: 140ms;
  --dauer-m: 240ms;
  --dauer-l: 520ms;
  --weich-aus: cubic-bezier(.22,.61,.36,1);
  --weich-ein: cubic-bezier(.55,.06,.68,.19);
  --weich:     cubic-bezier(.65,.05,.36,1);

  --breite: 1220px;
}