/* HangiBonus tasarım değişkenleri */
:root {
  --bg0: #1a0b2e;
  --bg1: #2a0f4a;
  --bg-deep: #120620;
  --nav-bg: #3b1a6b;
  --nav-bg2: #2c1252;
  --surface: rgba(255, 255, 255, 0.06);
  --surface-2: rgba(255, 255, 255, 0.1);
  --surface-3: rgba(255, 255, 255, 0.16);
  --line: rgba(255, 255, 255, 0.12);
  --line-strong: rgba(255, 255, 255, 0.24);
  --text: #f5f0ff;
  --muted: #b9a8d8;
  --muted-2: #8d7bb0;
  --accent: #8b5cf6;
  --accent-2: #c084fc;
  --accent-deep: #6d28d9;
  --yes: #22c55e;
  --yes-deep: #15803d;
  --no: #ef4444;
  --no-deep: #b91c1c;
  --gold: #fbbf24;
  --info: #38bdf8;
  --live: #fb7185;

  --font-display: 'Anton', 'Bebas Neue', Impact, 'Arial Narrow', sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: ui-monospace, 'Cascadia Mono', 'SF Mono', Menlo, Consolas, monospace;

  --radius: 20px;
  --radius-md: 14px;
  --radius-sm: 10px;
  --radius-pill: 999px;

  --nav-w: 76px;
  --tab-h: 64px;
  --top-h: 56px;
  --gutter: 16px;
  --content-max: 1500px;

  --shadow-card: 0 18px 40px rgba(0, 0, 0, 0.35);
  --shadow-sheet: 0 -12px 40px rgba(0, 0, 0, 0.5);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);

  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}

@media (min-width: 900px) {
  :root {
    --gutter: 32px;
  }
}