/* VOID Kick tasarım token'ları. brand/theme.ts'den üretilir: npx tsx scripts/gen-tokens.ts
   Kullanıcı vurgu rengi seçince --accent, --on-accent, --accent-soft, --ring çalışma anında theme.ts ile yeniden hesaplanır. */
:root {
  --bg: #f5f3f1;
  --surface: #ffffff;
  --surface2: #ece9e6;
  --line: #d9d4d0;
  --fg: #16141a;
  --mute: #5d5963;
  --accent: #e3281c;
  --on-accent: #ffffff;
  --accent-soft: rgba(227, 40, 28, 0.12);
  --ring: rgba(227, 40, 28, 0.55);
  --display: 'Bricolage Grotesque', system-ui, sans-serif;
  --body: 'Instrument Sans', system-ui, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, monospace;
  --radius: 14px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #09090b;
    --surface: #111114;
    --surface2: #1a1a1f;
    --line: #2a2a31;
    --fg: #f5f3f1;
    --mute: #a09ea6;
    --accent: #f7463b;
    --on-accent: #09090b;
    --accent-soft: rgba(247, 70, 59, 0.16);
    --ring: rgba(247, 70, 59, 0.55);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #09090b;
  --surface: #111114;
  --surface2: #1a1a1f;
  --line: #2a2a31;
  --fg: #f5f3f1;
  --mute: #a09ea6;
  --accent: #f7463b;
  --on-accent: #09090b;
  --accent-soft: rgba(247, 70, 59, 0.16);
  --ring: rgba(247, 70, 59, 0.55);
  color-scheme: dark;
}
body { background: var(--bg); color: var(--fg); font-family: var(--body); }
:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }