/* =====================================================================
   디랩 분당 정자캠퍼스 디자인 토큰 (2026-10-11 확정 · B안 파랑 메인)
   - 페이지 CSS에는 색 코드를 직접 쓰지 않고 아래 토큰을 씁니다.
   - 예외: 레고(빨강·노랑·하늘)·파이썬(파랑·노랑) 같은 교구·언어 고유색, 그림자.
   - 원칙: ① 사실로 말한다 ② 한 화면에 한 메시지 ③ 학부모가 3초 안에 과정·상담 버튼을 찾는다
   - 비교했던 주황·네이버 그린 시안: drafts/design/
   ===================================================================== */
:root {
  /* 바탕·글자 */
  --color-bg: #ffffff;            /* 페이지 바탕 */
  --color-bg-subtle: #f5f7fb;     /* 띠 구역 바탕 */
  --color-surface: #ffffff;       /* 카드 바탕 */
  --color-ink: #0f172a;           /* 제목·강조 */
  --color-text: #475569;          /* 본문 */
  --color-muted: #64748b;         /* 보조 설명 */
  --color-line: #e5e9f0;          /* 구분선 */
  --color-line-strong: #cbd5e1;   /* 테두리·밑줄 */
  --color-bg-glass: rgba(255,255,255,0.92); /* 상단 메뉴·하단 바 (반투명) */

  /* 메인·보조 */
  --color-primary: #2563eb;       /* 상담 버튼, 작은 강조 글자 (흰 글자 대비 5.2:1) */
  --color-primary-hover: #1d4ed8;
  --color-primary-soft: #eaf1ff;  /* 강조 배경 */
  --color-on-primary: #ffffff;
  --color-secondary: #1e3a8a;     /* Navy: 링크·정보 강조 */
  --color-brand: #fe4713;         /* 로고 원색. 화면에는 흰 바탕·검정 로고를 씀 */

  /* 글꼴·크기 */
  --font: 'Pretendard Variable', Pretendard, -apple-system, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
  --fs-display: clamp(2.4rem, 5.4vw, 3.9rem);
  --fs-title: clamp(1.7rem, 3.4vw, 2.4rem);
  --fs-sub: 1.2rem;
  --fs-body: 1.02rem;
  --fs-note: 0.88rem;

  /* 간격·모양 */
  --space-section: 112px;
  --space-section-sm: 72px;
  --radius-sm: 8px;    /* 버튼 */
  --radius-md: 12px;   /* 사진 */
  --radius-lg: 16px;   /* 카드 */
  --content-width: 1120px;
}

/* 사이트 공통 */
a:focus-visible, button:focus-visible, summary:focus-visible, [role="button"]:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; }
::selection { background: var(--color-primary-soft); }
mark.todo { background: #fff3b0; color: #3a3000; padding: 0 3px; border-radius: 3px; box-shadow: inset 0 -2px 0 #f2c200; font-weight: 500; }
body { word-break: keep-all; overflow-wrap: break-word; }