/* Die Farben, Schriften und Masse der Marke. Eine Quelle fuer alle Seiten.
 * Angelegt am 07.09.2026. Palette laut entscheidung/2026-farbschema-violett:
 * Violett #6264E8, Navy #131B3C. Wer eine Farbe aendert, aendert sie hier.
 *
 * Der zweite Block bildet die Tokennamen der Artikelseiten auf dieselbe
 * Palette ab. Die Artikelseiten kamen aus einer aelteren Fassung in Beige und
 * Orange und tragen deshalb eigene Namen. Die Namen bleiben, die Werte nicht.
 */
:root{
  --violett:#6264E8;
  --violett-tief:#4F51D6;
  --violett-hell:#EEEEFC;
  --navy:#131B3C;
  --grau:#5A6178;
  --grau-hell:#676E85;
  --violett-text:#4F51D6;
  --rand:#E4E4ED;
  --flaeche:#F7F7FA;
  --weiss:#FFFFFF;
  --sans:"Space Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --schatten:0 1px 2px rgba(19,27,60,.04),0 8px 24px -12px rgba(19,27,60,.12);
  --schatten-hoch:0 2px 4px rgba(19,27,60,.05),0 18px 40px -18px rgba(19,27,60,.22);
  --rund:12px;
}

:root{
  --color-brand-primary:var(--violett);
  --color-brand-primary-dark:var(--violett-tief);
  --color-brand-primary-light:#8486EF;
  --color-retro-orange:var(--violett);
  --color-retro-amber:var(--violett-tief);
  --color-retro-gold:var(--violett);
  --color-retro-rose:var(--violett-tief);
  --color-retro-pink:#8486EF;
  --color-retro-plum:var(--navy);
  --color-retro-teal:var(--violett);
  --color-retro-teal-dark:var(--violett-tief);
  --color-retro-black:var(--navy);
  --color-retro-cream:var(--weiss);
  --color-retro-paper:var(--flaeche);
  --color-neutral-white:var(--weiss);
  --color-neutral-600:var(--grau);
  --font-family-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-family-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --radius-full:9999px;
  --transition-fast:150ms ease-in-out;
  --transition-normal:200ms ease-in-out;
}