/* theme.css — T550 Paket 1a-A (15.09.2026): Token-Brücke zum Studio
 *
 * Der Shop spricht noch die alten Namen (--bg-page, --text-primary, --chip-on …),
 * das Studio die Token aus artist-dashboard/src/app/globals.css (--surface-*, --ink-*,
 * --gold, --fs-*, --sp-*, --tap). Diese Datei legt die Studio-Namen auf die Werte
 * des Shops, damit neue Bauteile (Kopf, Suche, Landeseite) nur noch Token schreiben.
 *
 * Stufe 1 (hier): Aliase mit Ersatzwerten, alte Seiten sehen unverändert aus. Jede Seite,
 * die ihre eigenen Werte inline setzt, gewinnt weiter, weil diese Datei VOR den Inline-
 * Blöcken geladen wird. Stufe 2 (Paket 3, L78): Studio-Namen werden die Quelle, alte
 * Namen die Aliase. Das Studio lädt diese Datei nie (Lehre 520.9, Klassennamen).
 */
:root {
  /* Marke: EIN Gold */
  --gold: #c8a96e;
  --gold-soft: rgba(200, 169, 110, 0.12);
  --gold-line: rgba(200, 169, 110, 0.38);

  /* Flächen, Text, Linien: auf die Werte der Seite, sonst Dunkel wie der Shop */
  --surface-0: var(--bg-page, #0a0a0a);
  --ink-1: var(--text-primary, #e8e8e8);
  --ink-2: var(--text-secondary, #888888);
  --ink-3: var(--text-muted, #666666);
  --line-1: var(--border, rgba(255, 255, 255, 0.13));

  /* Schriftgrößen (mobil), wörtlich aus dem Studio */
  --fs-1: 11px; --fs-2: 12px; --fs-3: 13px; --fs-4: 15px;
  --fs-5: 17px; --fs-6: 20px; --fs-7: 24px;

  /* Raster */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px;

  /* Radien */
  --radius-field: 4px; --radius-card: 10px; --radius-pill: 999px;
  --radius-btn: 12px; --radius-image: 16px; --radius-sheet: 24px;

  /* Bewegung */
  --motion-fast: 120ms; --motion-base: 200ms;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);

  /* Kleinstes Tippziel */
  --tap: 44px;
}
@media (min-width: 768px) {
  :root { --fs-6: 22px; --fs-7: 30px; }
}