/* ==================== Design Tokens ==================== */
:root {
  --bg-panel-soft: #0b0d18;
  --accent: #3ae4ff;
  --accent-soft: rgba(58, 228, 255, 0.25);
  --accent-strong: rgba(58, 228, 255, 0.9);
  --text: #f5f6fb;
  --muted: #c2c7dd;
  --muted-soft: #9ca1ba;
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.14);
  --error: #ff4b6e;
  --error-soft: rgba(255, 75, 110, 0.2);
  --focus-ring: 0 0 0 2px rgba(58, 228, 255, 0.5);
  --font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* === Radius === */
  --radius-card:      20px;
  --radius-hero:      26px;
  --radius-strip:     16px;
  --radius-input:     11px;

  /* === Glassmorphism === */
  --glass-bg-soft:    rgba(14, 17, 32, 0.55);
  --glass-bg:         rgba(14, 17, 32, 0.65);
  --glass-bg-strong:  rgba(12, 15, 28, 0.78);
  --glass-border:     rgba(255, 255, 255, 0.10);
  --glass-blur:       blur(18px) saturate(150%);
}

/* Fallback: Browser ohne backdrop-filter → undurchsichtige Backgrounds */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  :root {
    --glass-bg-soft:   rgba(11, 14, 26, 0.92);
    --glass-bg:        rgba(11, 14, 26, 0.95);
    --glass-bg-strong: rgba(9, 12, 22, 0.98);
  }
}