/* Tasarım jetonları: tek kaynak. Oyun vurgu rengi manifest.json'dan JS ile --accent* olarak yazılır. */
:root {
  --font: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --r-sm: 8px; --r-md: 12px; --r-lg: 16px;
  --gap: 12px; --topbar: 56px;

  --accent: #f5b942; --accent-ink: #1a1203;

  --bg: #0d111c; --surface: #141a29; --surface-2: #1a2133;
  --line: rgba(255, 255, 255, .07); --line-strong: rgba(255, 255, 255, .14);
  --text: #e9edf7; --dim: #8f99b0; --hover: rgba(255, 255, 255, .05);
  --shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .25);
  --ok: #34d399; --info: #38bdf8; --danger: #f87171; --warn: #fbbf24; --staff: #c084fc;
  color-scheme: dark;
}
html.light {
  --bg: #f3f5fa; --surface: #ffffff; --surface-2: #f6f8fc;
  --line: #e4e8f1; --line-strong: #cfd6e4;
  --text: #0f172a; --dim: #64708a; --hover: rgba(15, 23, 42, .05);
  --shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 8px 24px rgba(15, 23, 42, .08);
  --ok: #059669; --info: #0369a1; --danger: #dc2626; --warn: #b45309; --staff: #7e22ce;
  color-scheme: light;
}