/* polaris_theme.css — 공용 라이트 테마 + 포털 헤더

   색은 한국식이다 (2026-08-05, 형님 지시): 상승·호재·매수 = 빨강,
   하락·손절·매도 = 파랑. --good/--danger 이름은 그대로 두되 값만 바꿨다 —
   99곳·102곳에서 쓰고 있어 이름을 바꾸면 전부 손대야 한다.
   한국 금융앱 관례상 '좋다=올랐다=빨강'이라 의미도 그대로 맞는다.
   각 페이지의 인라인 <style> 뒤에 링크하면 :root 변수를 라이트로 덮어써
   컴포넌트가 전부 라이트로 바뀐다. 포털 헤더는 홈과 동일한 룩. */
:root{
  --ground:#fcf8fa; --surface:#f6f3f5; --raised:#f0edef; --hair:#e4e2e4;
  --text:#1b1b1d; --muted:#45464d; --faint:#76777d;
  --gold:#006591; --good:#d6293e; --danger:#1b64da;
  --ink:#1b1b1d; --line:#e4e2e4; --panel:#f6f3f5; --panel-strong:#f0edef; --white:#fff;
  --up:#d6293e; --down:#1b64da;
}
/* OS가 다크여도 사이트는 라이트로 통일 (컴포넌트의 다크 기본값을 덮어씀) */
@media (prefers-color-scheme:dark){:root{
  --ground:#fcf8fa; --surface:#f6f3f5; --raised:#f0edef; --hair:#e4e2e4;
  --text:#1b1b1d; --muted:#45464d; --faint:#76777d;
  --gold:#006591; --good:#d6293e; --danger:#1b64da;
}}
/* 시스템 한글 폰트 우선 + antialiased·음수 자간 제거 — home.css 와 같은 이유다. */
body{background:var(--ground);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR','Pretendard',sans-serif;line-height:1.6}

/* ── 포털 헤더 (홈과 동일) ── */
.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.site-header .header-inner{max-width:1180px;margin:0 auto;height:60px;padding:0 18px;display:flex;align-items:center;gap:26px}
.site-header .brand{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:var(--ink);font-size:22px;font-weight:900;letter-spacing:-.05em;white-space:nowrap}
.site-header .brand-star{color:var(--gold)}
.site-header .desktop-nav{display:flex;align-items:center;gap:22px;min-width:0;overflow-x:auto;scrollbar-width:none}
.site-header .desktop-nav::-webkit-scrollbar{display:none}
.site-header .desktop-nav a{white-space:nowrap;text-decoration:none;color:var(--muted);font-size:14px;font-weight:700;padding:19px 0}
.site-header .desktop-nav a:hover{color:var(--ink)}
/* 지금 보고 있는 메뉴. 색만 바꾸면 색을 못 보는 사람에게는 표시가 없는 것과 같아
   아래 선도 같이 긋는다(마크업에는 aria-current="page" 도 붙는다). */
.site-header .desktop-nav a.on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--ink)}
.site-header .header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.site-header .header-actions a{text-decoration:none;color:var(--muted);font-size:13px;font-weight:700;white-space:nowrap}
.site-header .header-actions a.login{color:#936417}
.site-header .header-actions a:hover{color:var(--ink)}
@media (max-width:720px){
  .site-header .header-inner{height:54px;padding:0 14px;gap:14px}
  .site-header .brand{font-size:19px}
  .site-header .desktop-nav{gap:16px}
  .site-header .desktop-nav a{font-size:13px;padding:16px 0}
}

/* CODEX 2026-08-09: 홈 이후의 공용 화면도 같은 폭·높이·정보 밀도로 맞춘다. */
.site-header{background:rgba(252,248,250,.96)}
.site-header .header-inner{max-width:1120px;height:58px;gap:22px}
.site-header .brand{font-size:21px}
.site-header .desktop-nav{gap:20px}
.site-header .desktop-nav a{padding:17px 0;font-size:13.5px}
.site-header .header-actions{gap:6px}
.site-header .header-actions a{padding:7px 11px;border:1px solid var(--line);border-radius:999px;
  background:var(--white);color:var(--ink);font-size:12.5px}
@media (max-width:720px){
  .site-header .header-inner{height:54px;padding:0 12px}
  .site-header .desktop-nav{display:none}
  .site-header .header-actions a{padding:6px 10px}
}