/* 2311 MOON_SUDOKU — 컬러 토큰 (극단 미니멀 · 모노크롬)
 * 라이트 기본 + 다크 토글. 액센트를 잉크 1색으로 흡수(무채), 오답 빨강만 최소 기능색.
 * 그라디언트·글래스·글로우·다색·그림자 없음. 여백과 얇은 헤어라인으로만 구성.
 */
: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-ink: #111111;
  --accent-fg: #FFFFFF;
  --accent-soft: rgba(17, 17, 17, 0.06);
  --accent-line: rgba(17, 17, 17, 0.30);
  --rel: rgba(17, 17, 17, 0.028);
  --danger: #C62828;
  --danger-soft: rgba(198, 40, 40, 0.07);
  --ok: #111111;
  --given: #111111;
  --entry: #7C7C7C;
  --cell-bg: #FFFFFF;
  --cell-fixed-bg: #FFFFFF;
  --shadow: none;
}

: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-ink: #ECECEC;
  --accent-fg: #0B0B0C;
  --accent-soft: rgba(255, 255, 255, 0.08);
  --accent-line: rgba(255, 255, 255, 0.32);
  --rel: rgba(255, 255, 255, 0.038);
  --danger: #F26D6D;
  --danger-soft: rgba(242, 109, 109, 0.12);
  --ok: #ECECEC;
  --given: #ECECEC;
  --entry: #8C8C90;
  --cell-bg: #0B0B0C;
  --cell-fixed-bg: #0B0B0C;
  --shadow: none;
}

@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-ink: #ECECEC; --accent-fg: #0B0B0C;
    --accent-soft: rgba(255,255,255,0.08); --accent-line: rgba(255,255,255,0.32);
    --rel: rgba(255,255,255,0.038);
    --danger: #F26D6D; --danger-soft: rgba(242,109,109,0.12); --ok: #ECECEC;
    --given: #ECECEC; --entry: #8C8C90;
    --cell-bg: #0B0B0C; --cell-fixed-bg: #0B0B0C; --shadow: none;
  }
}