/* Deck theme: YOLO26'ya Hazırlık - 0/3. Light, technical, calm.
   Contrast on --bg (#f5f7fa): fg 16.4, fg-soft 9.3, muted 5.4, accent 6.0.
   on-accent on accent 6.4. Keep token names; shell.css and the kit read them. */

@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap');

:root {
  color-scheme: light;

  /* surfaces */
  --bg: #f5f7fa;
  --bg-2: #e8edf3;
  --panel: #ffffff;
  --line: rgb(18 28 44 / .12);
  --shadow: 0 18px 48px rgb(20 40 80 / .10);

  /* text */
  --fg: #121a26;
  --fg-soft: #374354;
  --muted: #5b6676;

  /* accents: one leading colour, two supporting ones */
  --accent: #0a5fb4;
  --on-accent: #ffffff;
  --accent-2: #c2410c;
  --accent-3: #6d3fc0;

  /* semantic */
  --good: #17794a;
  --warn: #8f5b00;
  --bad: #c0322f;

  /* type */
  --font-display: 'Bricolage Grotesque', 'Inter', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --title-weight: 800;
  --title-tracking: -.03em;

  --radius: 16px;
  --term-bg: #fbfcfe;
}

/* Dark variant: only when the user asks for it (deck.theme = 'dark'). */
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0c1018;
  --bg-2: #131925;
  --panel: #1a2130;
  --line: rgb(232 238 246 / .12);
  --shadow: 0 24px 64px rgb(0 0 0 / .35);
  --fg: #e8eef6;
  --fg-soft: #b5c0cf;
  --muted: #8592a5;
  --accent: #5fa8ff;
  --on-accent: #08121f;
  --accent-2: #ff9a5c;
  --accent-3: #b79cff;
  --good: #5fd39a;
  --warn: #ffcf5c;
  --bad: #ff6b6b;
  --term-bg: #0a0e15;
}