/* utility-tokens.css — 생활계산소 디자인 토큰 (§6.2)
   테마 prefix: 변수는 --u-* 또는 기존 스펙 변수명 유지. 기존 스킨/관리자 CSS와 충돌 없음. */
:root {
  --color-bg: #F7F8FA;
  --color-surface: #FFFFFF;
  --color-surface-soft: #F2F4F7;
  --color-text: #111827;
  --color-text-secondary: #667085;
  --color-border: #E5E7EB;
  --color-control-border: #8A94A4;
  --color-border-strong: #D0D5DD;
  --color-primary: #2563EB;
  --color-primary-hover: #1D4ED8;
  --color-primary-soft: #EFF6FF;
  --color-success: #067647;
  --color-success-soft: #ECFDF3;
  --color-warning: #B54708;
  --color-warning-soft: #FFFAEB;
  --color-error: #B42318;
  --color-error-soft: #FEF3F2;
  --shadow-card: 0 1px 3px rgba(16, 24, 40, 0.08), 0 1px 2px rgba(16, 24, 40, 0.04);
  --shadow-card-hover: 0 12px 28px rgba(16, 24, 40, 0.10);
  --shadow-focus: 0 0 0 3px rgba(37, 99, 235, 0.18);
  --radius-input: 10px;
  --radius-card: 14px;
  --radius-pill: 999px;
  --transition-fast: 160ms ease;
  --container: 1200px;
  --reading-width: 760px;

  /* 4px 단위 간격 체계 */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-7: 28px; --sp-8: 32px;
  --sp-10: 40px; --sp-12: 48px; --sp-16: 64px;

  --font-sans: "Pretendard", "Pretendard Variable", -apple-system, BlinkMacSystemFont,
               "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", sans-serif;
}