/* base.css — Design tokens (:root colours), resets, body */

:root {
  --bg-color: #0a0b10;
  --card-bg: #14161f;
  --border-color: #262a3a;
  --neon-green: #10b981;
  --neon-blue: #0088ff;
  --neon-red: #ff3b5c;
  --neon-orange: #f59e0b;
  --neon-purple: #8b5cf6;
  --neon-pink: #ff5db0;
  --text-main: #e9eaf0;
  --text-muted: #9497a8;
  --bg-glow: #171a24;
  --bg-edge: #0a0b10;
  --empty-tile-a: #1a1d29;
  --empty-tile-b: #0e0f16;
}
:root[data-theme="light"] {
  --bg-color: #f2f3f8;
  --card-bg: #ffffff;
  --border-color: #d6d9e4;
  --text-main: #1a1c26;
  --text-muted: #5b5f73;
  --bg-glow: #ffffff;
  --bg-edge: #e6e8f1;
  --empty-tile-a: #f7f8fc;
  --empty-tile-b: #e9ebf3;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'Nanum Pen Script', cursive, sans-serif;
}

body {
  background-color: var(--bg-color);
  color: var(--text-main);
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}