/* ==========================================================================
   기차와 철도 배움터 — 디자인 토큰 (Toss 디자인 시스템 기반, DESIGN.md 참조)
   ========================================================================== */

:root {
  /* 뉴트럴 & 브랜드 컬러 */
  --c-ink: #191F28;
  --c-ink-soft: #6B7684;
  --c-ink-faint: #8B95A1;
  --c-primary: #3182F6;
  --c-primary-dark: #2272EB;
  --c-accent: rgba(24, 165, 165, .15);
  --c-accent-text: #0F766E;
  --c-bg: #FFFFFF;
  --c-bg-soft: #F2F4F6;
  --c-bg-muted: #E5E8EB;
  --c-border: #E5E8EB;
  --c-border-strong: #D1D6DB;
  --c-white: #FFFFFF;

  /* 지하철 호선 색상 (실제 서울 지하철 기준 — 데이터 색상으로만 사용, 브랜드와 무관) */
  --line1: #0052A4;
  --line2: #00A84D;
  --line3: #EF7C1C;
  --line4: #00A5DE;
  --line5: #996CAC;
  --line6: #CD7C2F;
  --line7: #747F00;
  --line8: #E6186C;
  --line9: #BDB092;

  --font-serif: 'Toss Product Sans', 'Tossface', 'SF Pro KR', 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Basier Square', 'Apple SD Gothic Neo', Roboto, 'Noto Sans KR', sans-serif;
  --font-sans: 'Toss Product Sans', 'Tossface', 'SF Pro KR', 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Basier Square', 'Apple SD Gothic Neo', Roboto, 'Noto Sans KR', sans-serif;

  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-card: 12px;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);
  --shadow-md: 0 2px 8px rgba(0, 0, 0, .08);
  --container: 1160px;
}