/* Shared theme variables — single source of truth for light/dark palettes.
   Loaded by every page BEFORE any other stylesheet.
   Component styles live in styles.css (games/course) or per-page <style> blocks. */

:root {
  color-scheme: light;
  --shadow: 0 1px 3px rgba(43, 49, 56, 0.05);
  --radius: 3px;

  --bg: #f6f8fa;
  --block: #e7eff6;

  --surface: #ffffff;
  --surface-strong: #eef3f7;
  --card-tint-1: transparent;
  --card-tint-2: transparent;
  --card-base: #ffffff;
  --header-bg: rgba(246, 248, 250, 0.92);

  --line: #d9e0e6;
  --ink: #2b3138;
  --muted: #8a939c;

  --accent: #3e8fd8;
  --accent-hover: #2f73b0;

  --green: #3e8fd8;
  --cyan: #2f73b0;
  --gold: #3e8fd8;
  --rose: #b0525c;

  --deco: #e7eff6;
  --deco-strong: #c9dceb;
  --code-bg: #eef3f7;
  --tint-soft: #eef3f7;
  --field-bg: #ffffff;
  --well: #eef3f7;

  --cell-tint-1: transparent;
  --cell-tint-2: transparent;
  --cell-base: #eef3f7;
  --cell-border: #d9e0e6;
}

[data-theme="dark"] {
  color-scheme: dark;
  --shadow: 0 1px 4px rgba(0, 0, 0, 0.35);

  --bg: #1b2530;
  --block: #23303d;

  --surface: #23303d;
  --surface-strong: #2b3a48;
  --card-tint-1: transparent;
  --card-tint-2: transparent;
  --card-base: #212c38;
  --header-bg: rgba(27, 37, 48, 0.92);

  --line: #34424f;
  --ink: #eef3f7;
  --muted: #9fb0bd;

  --accent: #5aa8e8;
  --accent-hover: #7fbdf0;

  --green: #5aa8e8;
  --cyan: #7fbdf0;
  --gold: #5aa8e8;
  --rose: #d98a92;

  --deco: #2b3a48;
  --deco-strong: #3a4b5a;
  --code-bg: #17202a;
  --tint-soft: #23303d;
  --field-bg: #17202a;
  --well: #17202a;

  --cell-tint-1: transparent;
  --cell-tint-2: transparent;
  --cell-base: #23303d;
  --cell-border: #34424f;
}