/* ------------------------------------------------------------------ */
/* Design-Tokens der Shop-Instanz für den IAM-Kern.                    */
/*                                                                     */
/* Der Kern (FEB.Iam.Web) kennt nur `--feb-*`. Die Werte kommen aus    */
/* docs/04-gestaltung.md: Magenta als Aktion, Leinen als Grund, Tinte  */
/* als Schrift. Abgeleitete Töne (dunkler, heller, Linie) sind von     */
/* Hand gesetzt, bis die Storefront ihre Token-Datei hat — dann sollte */
/* diese Datei daraus erzeugt werden (Vorbild Sewaria:                 */
/* tools/iam-tokens.mjs), sonst laufen Shop und Anmeldung auseinander. */
/* ------------------------------------------------------------------ */
:root {
  --feb-primary        : #C4007A;  /* Königsmagenta — Hauptaktion, Links */
  --feb-primary-dark   : #9E0063;  /* gedrückt und überfahren */
  --feb-primary-soft   : #FBEAF3;  /* Hinterlegung, Fokus */
  --feb-bg             : #FCFBF8;  /* Seitengrund (Leinen hell) */
  --feb-surface        : #FFFFFF;  /* Karten */
  --feb-text           : #2A2530;  /* Tinte */
  --feb-text-muted     : #6B6470;  /* Sekundärtext */
  --feb-border         : #E7E2D9;  /* Linie, eine Stufe dunkler als Leinen #F3F0EA */
  --feb-radius         : 0.75rem;
  --feb-shadow         : 0 1px 2px rgba(42, 37, 48, 0.05), 0 2px 8px rgba(42, 37, 48, 0.05);
  /* Figtree ist die Textschrift des Shops; sie wird von der Storefront selbst
     gehostet. Hier nur genannt — ohne die Datei greift die Systemschrift. */
  --feb-font-family    : "Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --feb-auth-width     : 26rem;

  --dstk-leinen        : #F3F0EA;
  --dstk-gruen         : #A2C037;  /* Schriftgrün — nur Zierlinie */
  --dstk-seitenbreite  : 72rem;
}