/* Re-themed from the original navy/blue palette to Toss's verified design tokens.
   Mapping: --color-primary now carries Toss "foreground" (headings + the dark marketing CTA),
   --color-blue carries Toss's actual interaction blue (#3182f6), --color-sky carries Toss's
   "weak" light-blue fill. Structure/variable names are unchanged so components.css didn't
   need to be rewritten from scratch. */
:root {
  --color-primary: #191F28;
  --color-primary-hover: #0D1117;
  --color-blue: #3182F6;
  --color-sky: #E8F3FF;
  --color-bg: #FFFFFF;
  --color-bg-tint: #F2F4F6;
  --color-text: #191F28;
  --color-text-secondary: #333D4B;
  --color-text-muted: #6B7684;
  --color-border: #E5E8EB;
  --color-border-strong: #D1D6DB;

  --badge-bg: #E8F3FF;
  --badge-text: #1B64DA;
  --sky-badge-bg: #E8F3FF;
  --sky-badge-text: #1B64DA;
  --sky-badge-border: transparent;

  --font-heading: 'Pretendard', 'IBM Plex Sans KR', 'Noto Sans KR', sans-serif; /* Toss Product Sans substitute — no public redistribution right asserted by Toss's official sources */
  --font-body: 'Pretendard', 'Noto Sans KR', sans-serif;

  --radius-sm: 7px;
  --radius-md: 6px;
  --radius-pill: 999px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  --container-max: 1200px;
  --section-pad-desktop: 64px;
  --section-pad-mobile: 24px;

  --shadow-card: none;

  /* 학년별 로드맵 매트릭스 전용 레인 구분색 — 딱 3색만 사용 (사이트에 이미 쓰이는 색만):
     브랜드 블루(정규 커리큘럼 3개 레인), 로드맵 모집중 앰버(1:1 수업), 브랜드 네이비(면접수업) */
  --lane-1: #3182F6;
  --lane-1-bg: #E8F3FF;
  --lane-2: #3182F6;
  --lane-2-bg: #E8F3FF;
  --lane-3: #C77700;
  --lane-3-bg: #FBF1E2;
  --lane-4: #3182F6;
  --lane-4-bg: #E8F3FF;
  --lane-5: #191F28;
  --lane-5-bg: #E9EBF0;
}