:root {
  color-scheme: dark;
  --night-950: #06100f;
  --night-900: #091816;
  --night-800: #102521;
  --forest-700: #234d36;
  --forest-500: #397252;
  --leaf-300: #9bc3a5;
  --moon-100: #fff5cf;
  --moon-200: #f5dfa0;
  --cream-50: #fffaf0;
  --mist-200: #cad8d1;
  --mist-400: #8da79b;
  --danger-300: #e8a49a;
  --line: rgb(255 250 240 / 12%);
  --panel: rgb(14 35 31 / 78%);
  --shadow: 0 1.5rem 5rem rgb(0 0 0 / 24%);
  --radius-sm: .85rem;
  --radius-md: 1.35rem;
  --radius-lg: 2rem;
  --font-sans: "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --font-serif: "Iowan Old Style", "Noto Serif KR", Georgia, serif;
  --type-caption: .75rem;
  --type-label: .8125rem;
  --type-body-sm: .875rem;
  --type-body: 1rem;
  --type-body-lg: 1.0625rem;
  --type-title-sm: 1.25rem;
  --type-title: 1.5rem;
  --type-page-title: clamp(1.75rem, 4vw, 2.25rem);
  --type-display: clamp(2.5rem, 5vw, 4rem);
  --leading-tight: 1.25;
  --leading-body: 1.65;
  --leading-long: 1.75;
}