/* =========================================================================
 * DADOK 디자인 시스템 토큰 — Figma 'Design System' 프레임에서 추출 (2026-07)
 * 색상 #596:15170 · 타이포 #596:15262 · 간격/Radius #596:15339
 * ========================================================================= */
:root {
  /* ---- 색상: 텍스트 ---- */
  --c-text:        #16181D;   /* 텍스트 기본 */
  --c-text-2:      #2A2D36;   /* 텍스트 보조 */
  --c-text-3:      #555555;   /* 텍스트 3차 */
  --c-text-muted:  #565960;   /* 텍스트 약화 */
  --c-text-dis:    #787C85;   /* 텍스트 비활성 */

  /* ---- 색상: 브랜드 ---- */
  --c-green:       #22C55E;   /* 브랜드 그린 (CTA·강조) */
  --c-green-acc:   #1EFFA1;   /* 액센트 그린 (이름표·포인트) */

  /* ---- 색상: 뉴트럴 ---- */
  --c-white:       #FFFFFF;
  --c-bg:          #F3F4F6;   /* 배경 보조 */
  --c-border-lt:   #E4E6EA;   /* 테두리 라이트 */
  --c-border:      #D9D9D9;   /* 테두리 */
  --c-divider:     #CCCCCC;   /* 구분선 */
  --c-black:       #000000;

  /* ---- 색상: 상태 ---- */
  --c-error:       #E1292F;
  --c-warning:     #EF4444;
  --c-info:        #0046FF;
  --c-link:        #126BFC;

  /* 다크 서피스(이름표 말풍선 등) */
  --c-surface-dk:  #16181D;

  /* ---- 타이포 ---- */
  --font: "Pretendard", "Pretendard Variable", -apple-system, BlinkMacSystemFont,
          "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  --font-num: "Inter", var(--font);

  --fs-display: 32px;
  --fs-h1: 28px;
  --fs-h2: 24px;
  --fs-h3: 22px;
  --fs-title: 20px;
  --fs-subtitle: 18px;
  --fs-body: 16px;
  --fs-caption: 14px;
  --fs-small: 12px;
  --fs-micro: 8px;

  --fw-bold: 700;
  --fw-semibold: 600;
  --fw-medium: 500;
  --fw-regular: 400;

  /* ---- 간격 (4px 그리드) ---- */
  --sp-2xs: 4px;
  --sp-xs: 8px;
  --sp-sm: 12px;
  --sp-md: 16px;
  --sp-lg: 24px;
  --sp-xl: 32px;
  --sp-2xl: 40px;
  --sp-3xl: 48px;
  --sp-4xl: 80px;

  /* ---- Radius ---- */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 16px;
  --r-2xl: 24px;
  --r-full: 999px;
}