:root {
  color-scheme: light;
  --color-primary: #0066cc;
  --color-primary-focus: #0071e3;
  --color-primary-on-dark: #2997ff;
  --color-ink: #1d1d1f;
  --color-ink-muted: #7a7a7a;
  --color-ink-soft: #333333;
  --color-canvas: #ffffff;
  --color-canvas-parchment: #f5f5f7;
  --color-surface: #fafafc;
  --color-dark: #272729;
  --color-dark-muted: #cccccc;
  --color-hairline: #e0e0e0;
  --color-divider-soft: #f0f0f0;
  --color-on-primary: #ffffff;
  --color-focus-halo: rgba(0, 113, 227, 0.24);
  --color-frosted: rgba(245, 245, 247, 0.86);
  --color-backdrop: rgba(0, 0, 0, 0.48);

  --font-display: "SF Pro Display", system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  --font-body: "SF Pro Text", system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;

  --text-hero: clamp(2.25rem, 6.2vw, 3.5rem);
  --text-display: clamp(1.8rem, 4vw, 2.5rem);
  --text-section: clamp(1.45rem, 3vw, 2.125rem);
  --text-lead: clamp(1.125rem, 2.4vw, 1.5rem);
  --text-body: 1.0625rem;
  --text-caption: 0.875rem;
  --text-fine: 0.75rem;

  --radius-sm: 8px;
  --radius-md: 11px;
  --radius-lg: 18px;
  --radius-pill: 9999px;

  --space-xxs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1.0625rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-xxl: 3rem;
  --space-section: 5rem;

  --content-wide: 90rem;
  --content-reading: 46rem;
  --nav-height: 3.25rem;
  --transition-fast: 160ms ease;
}