/* ============================================================
   pro_theme.css — Editorial "Pro" 오버레이 테마 (하위 iframe 페이지용)
   대상: setup_pro · sim_pro · logs_pro · analysis_pro · compare_pro
   원리: 각 페이지 <style> "뒤"에 link 로 로드 → 동일 특이도 규칙이 나중에 이겨 표면만 리테마링.
   ⚠ 데이터 의미색(학년 초록/청/적, 라이브 마커, 진행중 초록)은 CSS/JS 로직이라 건드리지 않음.
   토큰은 index_editorial_v2.html(Pro 셸)과 동일 팔레트.
   ============================================================ */

/* 1) 공통 토큰 재정의 — 페이지들이 var()로 짜여 있어 이 한 방으로 표면 대부분이 바뀜 */
:root{
  --bg:#f7f5ef;      /* 종이 바탕 */
  --card:#fbf9f4;    /* 살짝 밝은 표면(흰 카드 대신) */
  --ink:#17140f;     /* 본문 잉크 */
  --mut:#938c7d;     /* 흐린 메타 */
  --line:#e0d9ca;    /* 헤어라인 */
  --accent:#8a3324;  /* 옥스블러드 — 유일한 포인트색 */
}

/* 2) 바탕: 은선 24px 격자 + 에디토리얼 서체 (display/margin 등 기존 속성은 유지) */
body{
  font-family:'Helvetica Neue',-apple-system,'Apple SD Gothic Neo',Arial,sans-serif;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  color:var(--ink);
  background:
    linear-gradient(rgba(92,96,110,.05) 1px,transparent 1px) 0 0/24px 24px,
    linear-gradient(90deg,rgba(92,96,110,.05) 1px,transparent 1px) 0 0/24px 24px,
    var(--bg);
}

/* 3) 헤더/바 = 마스트헤드 (아래 굵은 잉크 괘선) */
header{border-bottom:1.5px solid var(--ink)}
header b,.topbar b{font-weight:800;letter-spacing:.01em}

/* 4) 메타·시계·타임스탬프 = 모노 서체 */
.stat,.st,#clock,.conv .top,.conv .tp,.ut .tm,.emo,#mapinfo,.note{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.01em}

/* 5) 라운드 코너 → 각진 에디토리얼 (1~2px) */
.conv,.result,#map,canvas,select,input,.legend,.speed,.presets button,.chatbar input,.chatbar button,
button,.ctrl button,.box{border-radius:2px}

/* 6) 버튼 — 고스트 기조, 활성=옥스블러드 (var 로 이미 반영되나 하드코딩 블루 대비 명시) */
button.on,.presets button:hover,.speed button.on,.ctrl button.on{border-color:var(--accent)}
.speed button.on,.ctrl button.on,button.on{background:var(--accent);color:#fff}

/* 7) 선택/포커스 글로우 — 하드코딩 블루(#1a73e833)를 옥스블러드로 */
.conv.sel{border-color:var(--accent);box-shadow:0 0 0 2px rgba(138,51,36,.20)}
.conv:hover{border-color:var(--accent)}

/* 8) 표 — 헤더 배경을 종이 톤으로 */
th{background:#efeade;font-weight:700;letter-spacing:.02em}
td,th{border-color:var(--line)}

/* 9) 결과 카드/패널 — 흰 카드 대신 헤어라인 판 */
.result{background:var(--card);border-color:var(--line)}
.result .sum{color:var(--ink)}

/* 10) setup/sim 자리표시 박스 — 점선→실선 에디토리얼 */
.box{border:1px solid var(--line);background:var(--card);box-shadow:0 1px 0 rgba(0,0,0,.02)}
.box code,.result code{background:#efeade;border-radius:2px}

/* 11) 입력요소 표면 통일 */
select,input,.chatbar input{background:#fff;border-color:var(--line)}
.chatbar button{background:var(--accent)}