/* ══════════════════════════════════════════════════════════════
   HaccpSelo · Editorial Compliance Design Tokens
   (2026-04-23, 홈페이지 무드 일관화)
   로드 순서: main.css → theme-tokens.css → theme-overrides.css
   ══════════════════════════════════════════════════════════════ */

:root {
  /* ─── 기본 4색 (화면의 95%) ─── */
  --paper:      #F4F6F9;
  --ink:        #6E6E75;   /* 중간 그레이 — 눈에 띄게 연함 */
  --ink-soft:   #8A8A92;   /* 라이트 그레이 */
  --steel:      #6A707C;

  /* ─── 라인·면 ─── */
  --hairline:   rgba(0, 0, 0, 0.08);
  --hairline-strong: rgba(0, 0, 0, 0.16);
  --mist:       #EDEFF3;

  /* ─── 상태색 (증거로만, 장식 X) ─── */
  --seal-red:   #B91C1C;
  --seal-green: #166534;
  --seal-amber: #92400E;
  --seal-red-soft:   #FEE2E2;
  --seal-green-soft: #DCFCE7;
  --seal-amber-soft: #FEF3C7;

  /* ─── 반경 ─── */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-pill: 999px;

  /* ─── 섀도 ─── */
  --shadow-whisper: 0 1px 0 rgba(0, 0, 0, 0.04);
  --shadow-lift:    0 1px 2px rgba(0, 0, 0, 0.06),
                    0 8px 24px rgba(0, 0, 0, 0.08);

  /* ─── 간격 (8 그리드) ─── */
  --gap-1: 4px;   --gap-2: 8px;   --gap-3: 12px;
  --gap-4: 16px;  --gap-5: 24px;  --gap-6: 32px;
  --gap-8: 48px;  --gap-10: 72px;

  /* ─── 타이포 ─── */
  --font-body:    'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, 'Noto Sans KR', sans-serif;
  --font-display: 'Pretendard Variable', Pretendard, sans-serif;
  --font-numeric: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  --weight-regular: 400;
  --weight-medium:  500;
  --weight-bold:    800;

  --size-xs:   0.75rem;    /* 12px 라벨 */
  --size-sm:   0.875rem;   /* 14px 본문 보조 */
  --size-base: 1rem;       /* 16px 본문 */
  --size-lg:   1.125rem;   /* 18px */
  --size-xl:   1.5rem;     /* 24px 소제목 */
  --size-2xl:  2rem;       /* 32px 제목 */
  --size-3xl:  3rem;       /* 48px 대시보드 숫자 */

  --track-label: 0.08em;
  --track-tight: -0.02em;
  --track-hero:  -0.03em;

  /* ─── 전이 ─── */
  --t-fast:   120ms ease;
  --t-normal: 160ms ease;

  /* ─── 기존 변수 override (AI 냄새 제거) ─── */
  /* primary → 미드 그래파이트 */
  --primary:   #6E6E75;
  /* 오렌지 warning → 앰버 도장 */
  --warning:   #92400E;
  /* 레드 danger → 한 톤 다운 */
  --danger:    #B91C1C;
  /* 그린 success → 차분하게 */
  --success:   #166534;

  /* 홈 카드 배경은 이미 warm off-white 맞음 — 그대로 */
  --card-bg: #FFFFFF;

}

/* ─── 전역 폰트·리딩 ─── */
html, body {
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ─── 숫자는 tabular-nums (표·통계) ─── */
.num, .tabular,
.set-value, .summary-num, .stat-num,
[data-num] {
  font-variant-numeric: tabular-nums;
}

/* ─── 라벨 유틸 (홈페이지 "PRICING" 스타일) ─── */
.label-eyebrow {
  display: inline-block;
  font-size: var(--size-xs);
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--steel);
  font-weight: var(--weight-medium);
}