:root {
  --color-bg: #f7f2e7;
  --color-surface: #fcfaf5;
  --color-surface-strong: #efe7d8;
  --color-line: #d9d0c1;
  --color-text: #22201c;
  --color-text-muted: #5f5a52;
  --color-primary: #6b7a45;
  --color-primary-strong: #536036;
  --color-accent: #c9a45c;
  --color-accent-soft: #e8d7ae;
  --color-earth: #6d5842;
  --color-error: #a13f36;
  --color-success: #48664b;

  --font-body: "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  --font-heading: "Noto Serif KR", "AppleMyungjo", serif;

  --fs-900: clamp(2.5rem, 7vw, 4.5rem);
  --fs-800: clamp(2rem, 5vw, 3rem);
  --fs-700: clamp(1.65rem, 3.4vw, 2.25rem);
  --fs-600: clamp(1.325rem, 2.3vw, 1.5rem);
  --fs-500: clamp(1.0625rem, 1.4vw, 1.1875rem);
  --fs-400: 1rem;
  --fs-300: 0.9375rem;
  --fs-200: 0.875rem;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: clamp(2.5rem, 5vw, 4rem);
  --space-8: clamp(3rem, 8vw, 6rem);

  --radius-sm: 0.5rem;
  --radius-md: 0.9rem;
  --radius-lg: 1.5rem;
  --radius-pill: 999px;

  --shadow-sm: 0 0.125rem 0.5rem rgba(34, 32, 28, 0.08);
  --shadow-md: 0 1rem 2.5rem rgba(34, 32, 28, 0.08);

  --container-xs: 40rem;
  --container-sm: 48rem;
  --container-md: 64rem;
  --container-lg: 75rem;
  --container-xl: 82rem;

  --header-height: 4.5rem;
  --border: 1px solid var(--color-line);
  --duration-fast: 180ms;
  --duration-base: 260ms;
  --z-header: 20;
  --z-drawer: 30;
  --z-overlay: 25;
  --z-skip-link: 40;
}