/**
 * IGE Design Tokens — Option D+1 (2026-04-15)
 * 4page-ui-unification 프로젝트
 *
 * 설계 원본: docs/superpowers/specs/2026-04-15-4page-ui-unification-design.md
 * 기획서:    docs/claude-taskUpgrade/4page-ui-unification/FINAL_PLAN_4page-ui-unification.md
 *
 * Phase 0 — 토큰 정의만. 사용은 Phase 1~4 각 스킨에서.
 */

:root {
  /* ==== Ink (공통 배경·텍스트 8단계) ==== */
  --ink-900: #0f172a;
  --ink-800: #1e293b;
  --ink-700: #334155;
  --ink-600: #475569;
  --ink-500: #64748b;
  --ink-400: #94a3b8;
  --ink-300: #cbd5e1;
  --ink-100: #f1f5f9;

  /* ==== Page Accent (4페이지 고유색) ==== */
  --accent-teal:  #0d7680;  /* 메인(prep) — IGE 허브 */
  --accent-amber: #e57a00;  /* 관리형(tc) — 케어 */
  --accent-navy:  #1e3a5f;  /* 보딩(bd) — 명문 */
  --accent-green: #2d7d4f;  /* 홈스테이(hs) — 가정 */

  /* ==== Accent Soft (10% opacity 배경용) ==== */
  --accent-teal-soft:  #e6f2f3;
  --accent-amber-soft: #fef3e7;
  --accent-navy-soft:  #e8ecf1;
  --accent-green-soft: #e7f2ec;

  /* ==== 공통 유틸 ==== */
  --white:   #ffffff;
  --success: #16a34a;
  --danger:  #dc2626;
  --warning: #f59e0b;

  /* ==== 폰트 ==== */
  --font-display: 'Plus Jakarta Sans', 'Noto Sans KR', sans-serif;
  --font-body:    'Plus Jakarta Sans', 'Noto Sans KR', sans-serif;
  --font-mono:    'Roboto Mono', 'JetBrains Mono', monospace;

  /* ==== Radius ==== */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;

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

  /* ==== Shadow ==== */
  --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.08);
  --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.10);
  --shadow-lg: 0 12px 32px rgba(15, 23, 42, 0.14);

  /* ==== Container ==== */
  --container-max: 1200px;
  --container-pad: 24px;
  --container-pad-mobile: 16px;
}

/**
 * 페이지별 accent 바인딩.
 * body에 .page-{slug} 클래스가 있을 때만 --page-accent / --page-accent-soft 정의.
 * body class가 없는 페이지(기타 페이지)는 --page-accent 미정의 → 컴포넌트 CSS의 accent 참조가 무효화되어 기본 스타일 유지.
 */
.page-prep {
  --page-accent:       var(--accent-teal);
  --page-accent-soft:  var(--accent-teal-soft);
  --page-accent-bright: #5EEAD4;   /* hero em 전용 — 다크 배경 WCAG AA 대비 (12.07:1) */
}
.page-tc {
  --page-accent:       var(--accent-amber);
  --page-accent-soft:  var(--accent-amber-soft);
  --page-accent-bright: #FBBF24;   /* 10.69:1 */
}
.page-bd {
  --page-accent:       var(--accent-navy);
  --page-accent-soft:  var(--accent-navy-soft);
  --page-accent-bright: #93C5FD;   /* navy → sky-blue, 9.90:1 */
}
.page-hs {
  --page-accent:       var(--accent-green);
  --page-accent-soft:  var(--accent-green-soft);
  --page-accent-bright: #86EFAC;   /* 12.71:1 */
}

/* ============================================================
   학비 정책 작업 추가 — 2026-04-27 (school-fee-policy-unification)
   Phase 2 W12: 폴백 라벨/현재 학기 강조용 토큰
   ============================================================ */
:root {
  /* Teal — 정상/현재 학기 강조 (정상 입력된 학기 row 또는 정상 표시) */
  --teal: #0d7680;
  --teal-soft: #e6f7f5;

  /* Amber — 결손/경고 강조 (미입력 학기 또는 폴백 발생) */
  --amber: #d97706;
  --amber-soft: #fef3c7;
}