/* AMIGOSU Design 1.0 — §2 Tokens, :root-Teil, unverändert übernommen */
@property --glas-lokal{syntax:'<number>';inherits:false;initial-value:0}
@property --lokal{syntax:'<number>';inherits:false;initial-value:0}
:root{
  /* Akzent — EINE Quelle */
  --akzent-winkel:192; /* @kind other */                                   /* Leon 25.09. (gesetzt) */

  /* Schrift */
  --font:"Inter Tight",system-ui,-apple-system,"Segoe UI",sans-serif; /* @kind font */
  --mono:"JetBrains Mono",ui-monospace,monospace; /* @kind font */

  /* Radien */
  --r-klein:6px;      /* Fundstelle, Auge in Kundennummer */
  --r-kdnr:8px;       /* Kundennummer-Chip, Fokusring */
  --r-thumb:10px;     /* Hintergrund-Kacheln */
  --r-feld:12px;      /* Knöpfe, Eingabefelder, Kopfzeilen-Knöpfe, Segment */
  --r-dialog:14px;    /* Dialog-Knopf-Kreis, Drop-up-Einträge, Objektvorschau */
  --r:18px;           /* Glaskarte (Harald / Leon 25.09.) */
  --r-gross:24px;     /* Hologramm (Leon 25.09.) */
  --r-pille:999px;    /* Typ-Etikett */

  /* Abstände (in der Referenz verwendete Stufen) */
  --a-1:4px; --a-2:6px; --a-3:8px; --a-4:10px; --a-5:12px; --a-6:14px;
  --a-7:16px; --a-8:18px; --a-9:24px; --a-10:28px; --a-11:30px;

  /* Glas */
  --blur:16px; /* @kind other */         /* Milchglas, Sättigung 1.4 */
  --blur-holo:22px; /* @kind other */    /* Hologramm, Sättigung 1.5 */
  /* --glas-lokal: je Karte gesetzt, 0–1, Schleierfarbe des Modus; @property inherits:false (R20, gesetzt: Name) */

  /* Bewegung */
  --dauer-kurz:160ms; /* @kind other */
  --dauer:220ms; /* @kind other */                         /* Einschweben */
  --kurve:cubic-bezier(.22,.61,.36,1); /* @kind other */
  --einschweben:18px; /* @kind spacing */                    /* Startversatz nach unten */
  --anheben:3px; /* @kind spacing */                         /* nur pointer:fine */
  --puls:1.4s; /* @kind other */                           /* nur laufende Arbeit */

  /* Breakpoints (als Referenzwerte; in @media literal verwenden) */
  --bp-mobil:760px; /* @kind other */   /* Kopfzeile, Mindestgrößen R6–R8 */
  --bp-600:600px; /* @kind other */     /* Raster einspaltig, Navigation schmal */
  --bp-900:900px; /* @kind other */     /* Dialog-Einstiege zweispaltig */
  --bp-1000:1000px; /* @kind other */   /* 4er-Raster zweispaltig */
  --inhalt-max:1200px; /* @kind spacing */

  /* §5.1 Hintergrund — Laufzeitwerte, von der Komponente Hintergrund gesetzt */
  --bild-aktiv:none; /* @kind other */ --bild-helligkeit:0; /* @kind other */ --deckkraft:.6; /* @kind other */
}