/* 2316 MOON_MINESWEEPER — 컬러 토큰 (극단 미니멀 · 모노크롬)
 * 라이트 기본 + 다크 토글. 액센트를 잉크 1색으로 흡수(무채).
 * 지뢰 숫자(1~8)는 다색 대신 명도 계조(--n1 옅음 → --n8 진함, §6 다색 금지 준수).
 * 지뢰 폭발·오답 깃발만 빨강 기능색. 그라디언트·글래스·글로우·그림자 없음.
 */
: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.09);
  --ok: #111111;
  /* 지뢰찾기 셀 */
  --cell-bg: #FFFFFF;          /* 미개봉 칸 */
  --cell-open: #F6F6F6;        /* 열린 칸(약간 낮은 명도로 눌린 느낌) */
  --flag: #111111;            /* 깃발(무채) */
  --mine: #111111;            /* 지뢰(무채) */
  /* 인접 지뢰 수 명도 계조 (1 옅음 → 8 진함) */
  --n1: #A6A6A6;
  --n2: #8A8A8A;
  --n3: #6E6E6E;
  --n4: #565656;
  --n5: #424242;
  --n6: #303030;
  --n7: #1E1E1E;
  --n8: #111111;
  --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.14);
  --ok: #ECECEC;
  --cell-bg: #17171A;
  --cell-open: #0B0B0C;
  --flag: #ECECEC;
  --mine: #ECECEC;
  --n1: #5C5C61;
  --n2: #74747A;
  --n3: #8C8C92;
  --n4: #A0A0A6;
  --n5: #B4B4BA;
  --n6: #C6C6CB;
  --n7: #DADADE;
  --n8: #ECECEC;
  --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.14); --ok: #ECECEC;
    --cell-bg: #17171A; --cell-open: #0B0B0C; --flag: #ECECEC; --mine: #ECECEC;
    --n1: #5C5C61; --n2: #74747A; --n3: #8C8C92; --n4: #A0A0A6;
    --n5: #B4B4BA; --n6: #C6C6CB; --n7: #DADADE; --n8: #ECECEC;
    --shadow: none;
  }
}
