/* neo_tokens.css — NEO 디자인 토큰 (라이트/다크). 스코프: html[data-neo-theme] */
html[data-neo-theme="light"] {
  --neo-bg: #F6F8FA;
  --neo-surface: #FFFFFF;
  --neo-text: #0F172A;
  --neo-text-muted: #475569;
  --neo-border: #E2E8F0;
  --neo-accent: #0EA5E9;
  --neo-accent-soft: rgba(14, 165, 233, 0.12);
  --neo-ok: #059669;
  --neo-idle: #64748B;
  --neo-danger: #DC2626;
  --neo-warn: #D97706;
  --neo-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
  --neo-shadow-lift: 0 4px 12px rgba(15, 23, 42, 0.10);
}
html[data-neo-theme="dark"] {
  --neo-bg: #0B1220;
  --neo-surface: #131C2E;
  --neo-text: #E6EDF6;
  --neo-text-muted: #8FA3BF;
  --neo-border: #243247;
  --neo-accent: #38BDF8;
  --neo-accent-soft: rgba(56, 189, 248, 0.14);
  --neo-ok: #34D399;
  --neo-idle: #7C8DA5;
  --neo-danger: #F87171;
  --neo-warn: #FBBF24;
  --neo-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  --neo-shadow-lift: 0 4px 14px rgba(0, 0, 0, 0.45);
}
/* 공통 스케일 */
html[data-neo-theme] {
  --neo-radius: 14px;
  --neo-radius-sm: 10px;
  --neo-font: "Pretendard", -apple-system, sans-serif;
  --neo-dur: 200ms;
  --neo-scroll-thumb: rgba(148, 163, 184, 0.34);
  --neo-scroll-thumb-hover: rgba(56, 189, 248, 0.62);
}
html[data-neo-theme="light"] {
  --neo-scroll-thumb: rgba(71, 85, 105, 0.30);
  --neo-scroll-thumb-hover: rgba(14, 165, 233, 0.62);
}

/* ───── 스크롤바 (R16) — OS 기본 회색 대신 NEO 톤. 관제(.neo-root)·설정(.neo-settings-shell) 두 셸에만
   스코프해 PRO/토폴로지/레거시 테마는 무접촉. 두 페이지가 공통 로드하는 이 파일이 정본. ───── */
.neo-root, .neo-root *,
.neo-settings-shell, .neo-settings-shell * {
  scrollbar-width: thin;                                         /* Firefox */
  scrollbar-color: var(--neo-scroll-thumb) transparent;
}
.neo-root::-webkit-scrollbar, .neo-root *::-webkit-scrollbar,
.neo-settings-shell::-webkit-scrollbar, .neo-settings-shell *::-webkit-scrollbar {
  width: 10px; height: 10px;
}
.neo-root::-webkit-scrollbar-track, .neo-root *::-webkit-scrollbar-track,
.neo-settings-shell::-webkit-scrollbar-track, .neo-settings-shell *::-webkit-scrollbar-track {
  background: transparent;
}
.neo-root::-webkit-scrollbar-thumb, .neo-root *::-webkit-scrollbar-thumb,
.neo-settings-shell::-webkit-scrollbar-thumb, .neo-settings-shell *::-webkit-scrollbar-thumb {
  background: var(--neo-scroll-thumb);
  border: 2px solid transparent; background-clip: padding-box;   /* 얇은 알약 — 히트영역은 10px 유지 */
  border-radius: 999px;
}
.neo-root::-webkit-scrollbar-thumb:hover, .neo-root *::-webkit-scrollbar-thumb:hover,
.neo-settings-shell::-webkit-scrollbar-thumb:hover, .neo-settings-shell *::-webkit-scrollbar-thumb:hover {
  background: var(--neo-scroll-thumb-hover); background-clip: padding-box;
}
/* 가로·세로 교차 코너 — 기본 흰 사각형이 다크에서 튐 */
.neo-root::-webkit-scrollbar-corner, .neo-root *::-webkit-scrollbar-corner,
.neo-settings-shell::-webkit-scrollbar-corner, .neo-settings-shell *::-webkit-scrollbar-corner {
  background: transparent;
}