/* PRD §13 — 디자인 토큰. 신규 토큰은 이 파일 하단에 append. */

:root {
  /* === Color (§13.컬러) === */
  --navy:     #1C2E50;  /* 헤더·푸터·브랜드 배경 */
  --navy-lt:  #2D4270;  /* hover·밝은 네이비 */
  --blue:     #4A8CC7;  /* CTA·아이콘·포인트 (단 하나의 액센트) */
  --blue-dk:  #3A7AC0;  /* blue hover */
  --cloud:    #F5F8FC;  /* 전체 배경 */
  --cloud-dk: #E8EDF5;  /* 섹션 구분 배경 */
  --ink:      #1A2744;  /* 주요 텍스트 */
  --ink-60:   #5A6B8A;  /* 보조 텍스트 */
  --ink-30:   #A8B5C8;  /* 힌트·구분선 */
  --white:    #FFFFFF;  /* 카드·버튼 텍스트 */

  /* === Typography scale (§13.타이포) === */
  --type-headline-min: 36px;
  --type-headline-max: 58px;
  --type-subhead-min:  20px;
  --type-subhead-max:  26px;
  --type-body:         16px; /* 고령자 가독성 최소값 */
  --type-label-min:    10px;
  --type-label-max:    12px;

  --fw-light:   300;
  --fw-regular: 400;
  --fw-bold:    700;
  --fw-black:   900;

  --lh-headline: 1.15;
  --lh-subhead:  1.3;
  --lh-body:     1.65;

  --ls-headline: -0.02em;
  --ls-label:    0.2em;

  /* === Spacing (8px base) === */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 16px;
  --sp-4: 24px;
  --sp-5: 32px;
  --sp-6: 48px;
  --sp-7: 56px;
  --sp-8: 64px;
  --sp-10: 96px;

  /* === Radius / Border (§13.컴포넌트 원칙) === */
  --radius:    2px;   /* 둥글지 않음. 신뢰·진중함 */
  --radius-lg: 4px;   /* DX 내부 컴포넌트 예외용 */
  --border-1:  1px solid var(--ink-30);

  /* === A11y (§13.접근성) === */
  --touch-min: 48px;

  /* === Motion === */
  --t-fast: 160ms;
  --t-base: 240ms;
  --ease:   cubic-bezier(.2, .8, .2, 1);

  /* === Breakpoints (참고·media query 본문에서 사용) */
  /* --bp-sm: 375px; --bp-md: 768px; --bp-lg: 1280px; */
}