/* Tabulo Design Tokens – Quelle der Wahrheit für alle Farben, Schriften, Abstände.
   Basiert auf v8 (Navy monochrom, Karopapier, harte Ränder, versetzte Schatten). */
:root{
  /* Farben */
  --ink:#0F1E3D;        /* Text, Buttons, Ränder – die einzige Markenfarbe */
  --ink-2:#3B4760;      /* Sekundärtext */
  --ink-3:#7A8397;      /* Tertiärtext, Hinweise */
  --line:#D9DEE6;       /* Hairlines, Rahmen von Nicht-Fokus-Elementen */
  --paper:#FFFFFF;      /* Grundfläche */
  --grid:#EEF3F1;       /* Karopapier-Linien, Offset-Schatten, ruhige Flächen */
  --tint:#F2F5F9;       /* kühle Hervorhebungsfläche (Sektionen, Boxen) */
  --accent:#0F1E3D;     /* Aktionsfarbe = Ink. Bewusst keine zweite Markenfarbe. */
  --accent-hover:#0A1730;
  --amber:#E0A31B;      /* NUR: durchgestrichene Vergleichspreise + Fokus-Ring */

  /* Typografie */
  --font-display:"Archivo","IBM Plex Sans",sans-serif;   /* font-stretch:125% */
  --font-body:"IBM Plex Sans",system-ui,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,monospace;    /* alle Zahlen, tabular-nums */

  /* Grössen */
  --text-base:17px;
  --h1:clamp(2.2rem,5vw,3.6rem);
  --h2:clamp(1.6rem,3vw,2.3rem);
  --h3:1.15rem;

  /* Form */
  --radius-card:10px;
  --radius-control:6px;
  --border-strong:1.5px solid var(--ink);
  --border-soft:1.5px solid var(--line);
  --shadow-offset:8px 8px 0 var(--grid);      /* Feature-Karten */
  --shadow-offset-sm:6px 6px 0 var(--grid);   /* kleinere Karten */

  /* Motion (better-ui) */
  --ease:cubic-bezier(0.2,0,0,1);
  --dur:150ms;
  --press-scale:.96;

  /* Layout */
  --max:1120px;
  --max-read:760px;      /* Nebenseiten, Fliesstext */
  --section-pad:72px;
}