/* Deck theme: Eğitim Aşaması - Bölüm 2/3 (YOLO training guide).
   Light palette: cool technical surfaces, teal-blue lead accent (train / class A),
   burnt orange second accent (val / class B), violet third accent (class C).
   Keep every token name; shell.css and the kit read them. Keep colours as hex. */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600;700&display=swap');

:root {
  color-scheme: light;

  /* surfaces */
  --bg: #f5f7f8;
  --bg-2: #e9eef1;
  --panel: #ffffff;
  --line: rgb(16 32 44 / .13);
  --shadow: 0 18px 48px rgb(16 40 60 / .10);

  /* text (contrast on --bg: fg ~15.5, fg-soft ~9, muted ~5.1) */
  --fg: #12202b;
  --fg-soft: #3c4a55;
  --muted: #5d6b76;

  /* accents: lead (~5.5:1 on bg), two supporting */
  --accent: #0f6c8f;
  --on-accent: #ffffff;
  --accent-2: #b8480c;
  --accent-3: #6a4bc4;

  /* semantic */
  --good: #1d7f52;
  --warn: #8f5b00;
  --bad: #c23838;

  /* type */
  --font-display: 'Space Grotesk', '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: 700;
  --title-tracking: -.03em;

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

/* Dark variant: only when the user asks for it (deck.theme = 'dark'). */
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0c1116;
  --bg-2: #121a21;
  --panel: #18222b;
  --line: rgb(230 238 244 / .12);
  --shadow: 0 24px 64px rgb(0 0 0 / .35);
  --fg: #e8eef3;
  --fg-soft: #b3c0ca;
  --muted: #7d8b96;
  --accent: #4fc3e8;
  --on-accent: #06141b;
  --accent-2: #ff9b5c;
  --accent-3: #b79cff;
  --good: #5fd39a;
  --warn: #ffcf5c;
  --bad: #ff6b6b;
  --term-bg: #080c10;
}