/**
 * Design tokens — values sourced from /_design/DESIGN_SYSTEM.md.
 * Do not invent colors here; every value must trace back to that document.
 * Dark theme only — no prefers-color-scheme branching.
 */
:root {
  /* Surfaces */
  --bg: #0A0A0C;
  --surface: #16161A;
  --surface-2: #1C1C21;
  --border: #26262C;

  /* Brand & semantic accents */
  --accent: #F5A623;      /* logo, multiplier, fire trail */
  --accent-hot: #FF6B00;  /* bottom of the fire gradient */
  --success: #4CAF50;     /* Auszahlen available — cash out can be taken */
  --locked: #A8712F;      /* Auszahlen blocked — dangerous attack / penalty */
  --danger: #C75B2A;      /* Gefahr field highlight */
  --safe: #5A9E4A;        /* Sicher field highlight */
  --cta: #2E7BFF;         /* primary CTA (Slotimo EINZAHLEN blue) */
  --link: #4A9EFF;        /* odds and inline links */

  /* Text */
  --text: #FFFFFF;
  --text-muted: #8E8E96;
  --text-dim: #5C5C64;

  /* Typography */
  --font-sans: -apple-system, "Segoe UI", Inter, Roboto, sans-serif;

  --fs-h1: clamp(2.5rem, 6vw, 4.5rem);
  --fs-h2: clamp(1.75rem, 3.5vw, 2.75rem);
  --fs-h3: clamp(1.25rem, 2vw, 1.5rem);
  --fs-body: clamp(1rem, 1.1vw, 1.125rem);
  --fs-number: clamp(2rem, 5vw, 3.5rem);
  --fs-label: 0.875rem;

  --lh-heading: 1.05;
  --lh-body: 1.65;
  --tracking-tight: -0.01em;
  --tracking-label: 0.08em;

  /* Spacing scale — 4/8/12/16/24/32/48/64, never magic numbers */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;

  /* Grid & rhythm */
  --container-max: 1200px;
  --container-pad: clamp(1rem, 5vw, 4rem);
  --section-space: clamp(4rem, 10vh, 8rem);
  --banner-max: 560px;

  /* Radii */
  --radius-card: 12px;
  --radius-pill: 999px;

  /* Z-index — named layers only, see css-layout skill */
  --z-sticky: 20;
  --z-nav: 50;
  --z-dropdown: 150;
  --z-dialog: 300;
  --z-toast: 500;

  /* Breakpoints (referenced in comments; media queries can't read vars) */
  --bp-sm: 640px;
  --bp-md: 768px;
  --bp-lg: 960px;
}