/* ══ 테마 — index.html · pro.html 공용 토큰 (2026-08-28 준 "비주얼 디자인 스타일 통일,
 * 눈에 편한데 네온 감 약간, 설정에서 테마 변경") ══════════════════════════════
 *
 * 구조(간격·곡률·44px 타겟·SF Pro)는 두 페이지가 이미 같다. 다른 것은 **색**뿐이라
 * 색을 한 파일로 모았다. 페이지의 인라인 <style> 뒤에 링크해 :root 팔레트를 덮는다.
 * 테마는 <html data-theme="…"> 하나로 정한다 (localStorage legend_theme, 두 페이지의
 * <head> 첫 스크립트가 깜빡임 없이 적용). 기본 = 잉크 네온.
 *   neon     잉크빛 남색 바탕 + 메인 컬러 #05EA97(준 로고 그린) · 라벤더는 hold 에만 (광채는 --glow 로만)
 *   graphite 무채색 다크 (옛 홈 팔레트)
 *   paper    라이트
 * 새 색을 쓸 땐 여기 토큰을 쓴다 — 페이지에 hex 를 박으면 테마를 바꿀 때 그 자리만 남는다. */
:root{
  --bg:#0b0c15; --panel:#14162a; --panel2:#1c1f38; --ring:rgba(5,234,151,.18);
  --ink:#f1efff; --ink2:rgba(232,228,255,.72); --muted:rgba(232,228,255,.44);
  --up:#3ddc97; --dn:#ff6f9c; --buy:#3ddc97; --sell:#ff6f9c; --hold:#8f88ff; --warn:#ffc65c;
  --accent:#05ea97;
  --glow:rgba(5,234,151,.42); --glow-up:rgba(61,220,151,.32);
  --overlay:rgba(6,7,16,.86); --me:#11332a; --me-ink:#f1efff;
  --topbar:linear-gradient(180deg,rgba(28,31,56,.92),rgba(20,22,42,.80)); --bar:rgba(20,22,42,.66);
  --on-accent:#06261a;
}
html[data-theme="graphite"]{
  --bg:#0c0e12; --panel:#14171d; --panel2:#1a1e26; --ring:#262b35;
  --ink:#e8eaed; --ink2:#9aa0aa; --muted:#6b7280;
  --up:#26a69a; --dn:#ef5350; --buy:#22c55e; --sell:#ef4444; --hold:#3b82f6; --warn:#f59e0b;
  --accent:#05ea97;
  --glow:transparent; --glow-up:transparent;
  --overlay:rgba(6,8,11,.86); --me:#12332a; --me-ink:#e8eaed;
  --topbar:var(--panel); --bar:rgba(20,23,29,.74); --on-accent:#06261a;
}
html[data-theme="paper"]{
  --bg:#f5f6fb; --panel:#ffffff; --panel2:#eef0f7; --ring:#dcdfea;
  --ink:#151824; --ink2:#464c5e; --muted:#7d8496;
  --up:#159a63; --dn:#d9264f; --buy:#159a63; --sell:#d9264f; --hold:#3b5bdb; --warn:#c77700;
  --accent:#059e6a;
  --glow:transparent; --glow-up:transparent;
  --overlay:rgba(20,22,40,.55); --me:#dff6ec; --me-ink:#151824;
  --topbar:var(--panel); --bar:rgba(255,255,255,.74); --on-accent:#ffffff;
}
html[data-theme="paper"] img.av{background:var(--panel2)}
