:root {
  /* Color Palette */
  --color-primary: #009DDA;       /* Sky Blue for tech & healing — brand lock */
  --color-primary-hover: #0085ba;
  --color-accent-teal: #00B4D8;
  /* Joint Charcoal — slightly darkened vs legacy #4D4D4F for body contrast (보바스 가독) */
  --color-text-primary: #3A3A3C;
  --color-text-muted: #7F7F82;
  --color-bg-main: #FAFBFF;       /* Warm light canvas */
  --color-bg-card: #FFFFFF;
  --color-border: #E5E7EB;

  /* Layout Metrics */
  --radius-card: 12px;
  --radius-pill: 100px;

  /* Readability (보바스형 — 큰 글씨·고대비 힌트. 전면 리스킨 아님) */
  --text-body-min: 1rem;          /* mobile body floor ≈ 16px */
  --line-height-body: 1.65;
  --color-focus-ring: rgba(0, 157, 218, 0.55);
  --focus-ring-width: 3px;
  --focus-ring-offset: 2px;

  /* Dual-readable brand (사전질의서 §10 재해석)
     성구·암호 숫자 대신 보이는 케어 커브·어휘에 사용. */
  --care-curve: #009DDA;
  --care-curve-soft: rgba(0, 157, 218, 0.45);
}

/* 큰글씨 모드 — 고령·저시력 이용자용 rem 루트 확대.
   body·컴포넌트가 rem/em 을 쓰면 함께 커진다. 브랜드 색은 유지. */
html.large-type {
  font-size: 112.5%; /* 16px → 18px base */
}

html.large-type body {
  line-height: 1.75;
}