/* ========================================================= tokens.css 사이트 전체가 공유하는 색상·레이아웃 토큰 단일 소스 (Single Source of Truth) ※ 새 페이지를 만들 때는 안에 아래 한 줄을 추가합니다. common.css 를 쓰는 페이지는 common.css 가 이 파일을 자동으로 불러오므로 따로 넣지 않아도 됩니다. ※ 색을 바꿀 일이 생기면 이 파일 하나만 수정하면 됩니다. ※ 글꼴 변수(--sans / --mono)는 fonts.css 에 있습니다. ========================================================= */ :root { /* ---------- 남색 : 면·강조 ---------- */ --navy-900: #041a3d; /* 푸터, 굵은 경계선 */ --navy-800: #072a5e; /* 헤더, 히어로, 신청 영역, 표 상단선 */ --navy-600: #0d4a9c; /* 섹션 번호, 목록 기호 */ /* ---------- 파랑 : 보조 ---------- */ --blue-400: #2e7fd4; /* 포커스 링, 링크 강조 */ --blue-200: #9fcdee; /* 어두운 배경 위 보조 문구 */ --blue-050: #eaf3fb; /* 표 머리칸, 태그 바탕 */ /* ---------- 글자 : 진하기 3단계 ---------- */ --ink: #14213a; /* 기본 본문 */ --ink-soft: #33456b; /* 목록·보조 본문 */ --muted: #5b6e8c; /* 설명문, 캡션 */ /* ---------- 선 : 2단계 ---------- */ --line-strong: #8fa5c0; /* 표 바깥 테두리 */ --line: #c3d1e2; /* 셀 구분선, 점선 */ /* ---------- 배경 ---------- */ --paper: #ffffff; /* 지면 */ --bg: var(--paper); /* 페이지 배경 (common.css 의 nav 가 참조) */ /* ---------- 레이아웃 ---------- */ --wrap: 1160px; --max: var(--wrap); /* common.css 호환 별칭 */ /* ---------- common.css 호환 별칭 ---------- common.css 는 아래 이름으로 색을 참조합니다. 값을 바꾸려면 위 팔레트를 고치고 여기 연결만 조정하세요. */ --divider: var(--line); --text-headline: var(--ink); --accent1: var(--navy-600); /* 로그인 버튼 등 강조 배경 */ --text-on-accent1: #ffffff; --accent4: var(--navy-800); /* 로고 색 */ }