/* PreKOSPI 공통 디자인 토큰 · 헤더/GNB/푸터 · 상태 컴포넌트 (doc/PRD.md §8, §9) */ :root { --brand: #316FEA; --bg: #f7f7f8; --surface: #ffffff; --card: #ffffff; --border: #e6e7ea; --text: #1a1d24; --muted: #6b7280; --up: #d63d3d; /* 한국 관례: 상승 = 빨강 */ --down: #2f6fdd; /* 하락 = 파랑 */ --up-bg: rgba(214, 61, 61, 0.08); --down-bg: rgba(47, 111, 221, 0.08); --flat-bg: rgba(107, 114, 128, 0.08); --grid: #eceef1; --warn: #F59E0B; --ok: #12A150; --accent: var(--brand); --accent-bg: rgba(49, 111, 234, 0.08); --content-width: 1024px; /* 전체 페이지 공통 콘텐츠 너비 — 페이지별