:root {
  --bg: #FBFAF6;
  --surface: #FFFFFF;
  --surface-2: #F4F2EA;
  --fg: #1B1F1A;
  --fg-muted: #5B6058;
  --fg-faint: #8A8F86;
  --border: #E6E3D8;
  --border-strong: #D6D2C4;
  --accent: #2D6A4F;
  --accent-hover: #245C44;
  --accent-soft: #EAF1EC;
  --accent-fg: #FFFFFF;
  --shadow-sm: 0 1px 2px rgba(20, 24, 18, 0.04), 0 1px 1px rgba(20, 24, 18, 0.03);
  --shadow-md: 0 1px 2px rgba(20, 24, 18, 0.05), 0 12px 28px -12px rgba(20, 24, 18, 0.12);
  --shadow-lg: 0 2px 4px rgba(20, 24, 18, 0.05), 0 32px 60px -24px rgba(20, 24, 18, 0.18);
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --container: 1180px;
  --font-body: 'Pretendard', 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-serif: 'Iowan Old Style', 'Georgia', 'Times New Roman', serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --fs-display-lg: clamp(32px, 4.8vw, 56px);
  --fs-h1: clamp(28px, 3.6vw, 44px);
  --fs-h2: clamp(22px, 2.4vw, 30px);
  --fs-h3: 20px;
  --fs-body: 16px;
  --fs-body-lg: 18px;
  --fs-sm: 14px;
  --fs-xs: 12px;
  --lh-tight: 1.12;
  --lh-snug: 1.28;
  --lh-body: 1.6;
}

[data-theme="dark"] {
  --bg: #0F1115;
  --surface: #1A1D24;
  --surface-2: #232730;
  --fg: #E4E6EB;
  --fg-muted: #A1A6B2;
  --fg-faint: #6E7480;
  --border: #262A33;
  --border-strong: #323744;
  --accent: #4C9B7A;
  --accent-hover: #5DAB89;
  --accent-soft: #1E2A26;
  --accent-fg: #0F1115;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.30);
  --shadow-md: 0 1px 2px rgba(0, 0, 0, 0.30), 0 12px 28px -12px rgba(0, 0, 0, 0.55);
  --shadow-lg: 0 2px 4px rgba(0, 0, 0, 0.30), 0 32px 60px -24px rgba(0, 0, 0, 0.65);
}

[data-font="serif"] {
  --font-body: 'Iowan Old Style', 'Georgia', 'Times New Roman', serif;
}