/* PRD §13 — 디자인 토큰. Admin은 Web과 동일한 토큰 사용 */

: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;  /* 카드·버튼 텍스트 */

  --color-primary:      #1C2E50;  /* navy */
  --color-primary-dark: #2D4270;  /* navy-lt */
  --color-accent:       #4A8CC7;  /* blue */
  --color-bg-cloud:     #F5F8FC;
  --color-bg-white:     #FFFFFF;
  --color-text-main:    #1A2744;
  --color-text-muted:   #5A6B8A;
  --color-border:       #DDE3EE;
  --border-width: 2px;

  /* === 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 === */
  --radius:    2px;
  --radius-lg: 4px;
  --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);
}