/* ══════════════════════════════════════════════════════════════════
   BRAND TOKEN CONTRACT — MD WEB Studio (SaaS-Variante)
   Jedes Template konsumiert NUR diese Variablen. Marken-Blöcke
   ([data-brand="slug"]) werden pro Account serverseitig ausgeliefert
   (/engine/brands/custom/<slug>.css). Nie Hex/Font im Template hardcoden.

   Token surface (stable API):
     --bg --bg-2 --surface --surface-2 --line
     --text --text-muted --text-faint
     --accent --accent-2 --accent-ink --halo
     --font-display --font-body --font-mono --font-serif
     --tracking-kicker --weight-display --case-display
     --radius --radius-lg --shadow --grain
   ══════════════════════════════════════════════════════════════════ */

:root {
  /* brand-independent scale */
  --radius: 14px;
  --radius-lg: 24px;
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;
  --space-9: 96px; --space-10: 128px;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --dur: 600ms;
  /* safe defaults, overridden per brand */
  --grain: none;
  --weight-display: 800;
  --case-display: none;
  --tracking-kicker: 0.28em;
  --font-serif: Georgia, serif;
  --halo: transparent;
  /* neutral fallback so templates render before a brand CSS loads */
  --bg: #0a0a0a; --bg-2: #101010; --surface: #141414; --surface-2: #1a1a1a;
  --line: #262626; --text: #f2f2f2; --text-muted: #9a9a9a; --text-faint: #5c5c5c;
  --accent: #aef03d; --accent-2: #98c73d; --accent-ink: #0a0a0a;
  --shadow: 0 24px 60px -20px rgba(0,0,0,0.7);
  --font-display: 'Inter', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
}