/* 2314 MOON_TETRIS — 컬러 토큰 (극단 미니멀 · 모노크롬 프레임 + 게임 보드)
 * UI 프레임은 형제 2311·2312와 통일한 무채(순백/순흑·헤어라인·여백·그림자 없음).
 * 테트로미노 색(7색)만 게임 캔버스에서 선명하게 — 조각 식별용 기능색(app.js PIECES.color).
 * 그라디언트·글래스·글로우 없음.
 */
:root,
:root[data-theme="light"] {
  --bg: #FFFFFF;
  --surface: #FFFFFF;
  --surface-2: #F6F6F6;
  --line: #ECECEC;
  --line-strong: #D4D4D4;
  --ink: #111111;
  --ink-2: #6A6A6A;
  --ink-3: #9C9C9C;
  --accent: #111111;
  --accent-2: #111111;
  --accent-soft: rgba(17, 17, 17, 0.06);
  --accent-line: rgba(17, 17, 17, 0.30);
  --danger: #C62828;
  --shadow: none;

  /* 게임 보드 (캔버스가 getComputedStyle 로 읽음) */
  --board-bg: #FFFFFF;       /* 보드 배경(빈 칸) */
  --board-grid: #ECECEC;     /* 격자 헤어라인 */
  --board-edge: #D4D4D4;     /* 보드 외곽선 */
  --cell-stroke: rgba(255, 255, 255, 0.55); /* 블록 셀 내부 하이라이트(무광) */
  --cell-shade: rgba(0, 0, 0, 0.14);        /* 블록 셀 음영 */
  --ghost: rgba(17, 17, 17, 0.16);          /* 고스트 조각 */
  --grid-panel: #FFFFFF;     /* HOLD/NEXT 미니 캔버스 배경 */
}

:root[data-theme="dark"] {
  --bg: #0B0B0C;
  --surface: #0B0B0C;
  --surface-2: #171719;
  --line: #232326;
  --line-strong: #38383D;
  --ink: #ECECEC;
  --ink-2: #9A9A9E;
  --ink-3: #636367;
  --accent: #ECECEC;
  --accent-2: #ECECEC;
  --accent-soft: rgba(255, 255, 255, 0.08);
  --accent-line: rgba(255, 255, 255, 0.32);
  --danger: #F26D6D;
  --shadow: none;

  --board-bg: #101012;
  --board-grid: #232326;
  --board-edge: #38383D;
  --cell-stroke: rgba(255, 255, 255, 0.22);
  --cell-shade: rgba(0, 0, 0, 0.30);
  --ghost: rgba(236, 236, 236, 0.16);
  --grid-panel: #101012;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --bg: #0B0B0C; --surface: #0B0B0C; --surface-2: #171719;
    --line: #232326; --line-strong: #38383D;
    --ink: #ECECEC; --ink-2: #9A9A9E; --ink-3: #636367;
    --accent: #ECECEC; --accent-2: #ECECEC;
    --accent-soft: rgba(255,255,255,0.08); --accent-line: rgba(255,255,255,0.32);
    --danger: #F26D6D; --shadow: none;
    --board-bg: #101012; --board-grid: #232326; --board-edge: #38383D;
    --cell-stroke: rgba(255,255,255,0.22); --cell-shade: rgba(0,0,0,0.30);
    --ghost: rgba(236,236,236,0.16); --grid-panel: #101012;
  }
}