/*
 * Design tokens - single source for both Tailwind theme and game-board CSS.
 * Two themes from day one (PLAN.md, "Tasarım sistemi"); the dark theme
 * switch stays off until after launch, but colors live in the right layer.
 * z-index lives ONLY here - no literal z-index values anywhere else.
 */

:root {
  /* brand */
  --color-brand: #16233f; /* marka lacivert */
  --color-accent: #c0273a; /* marka kırmızı */
  --color-amber: #d9a441; /* kehribar */
  --color-felt: #1f6b46; /* çuha yeşili (varsayılan) */

  /* surfaces and text */
  --color-bg: #f5f6f8;
  --color-surface: #ffffff;
  --color-surface-2: #edeff3;
  --color-line: #dce0e8;
  --color-ink: #10192c;
  --color-body: #3a445a;
  --color-muted: #6b7488;

  /* feedback */
  --color-ok: #2f6f55;
  --color-warn: #9c5a15;
  --color-error: #b3261e;

  /* spacing scale - multiples of 4 */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;

  /* radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-full: 999px;

  /* shadow */
  --shadow-sm: 0 1px 2px rgb(16 25 44 / 8%);
  --shadow-md: 0 4px 12px rgb(16 25 44 / 12%);
  --shadow-lg: 0 12px 32px rgb(16 25 44 / 18%);

  /* z-index ladder - the only place these numbers exist */
  --z-board: 10;
  --z-rack: 20;
  --z-drag: 30;
  --z-panel: 40;
  --z-overlay: 50;
  --z-modal: 60;
  --z-toast: 70;
}

[data-theme="dark"] {
  --color-bg: #0e1422;
  --color-surface: #151d30;
  --color-surface-2: #1c2740;
  --color-line: #283351;
  --color-ink: #eef1f7;
  --color-body: #c2cadb;
  --color-muted: #8792a8;
  --color-ok: #63b892;
  --color-warn: #d19348;
  --color-error: #e2596a;
}