:root {
  color-scheme: dark;
  --bg-0: #0b111b;
  --bg-1: #101a29;
  --bg-2: #162334;
  --fg-0: #e9eff7;
  --fg-1: #b3c0d1;
  --fg-2: #93a5bb;
  --line-1: #243248;
  --line-2: #647d9b;
  --accent: #397bd1;
  --accent-text: #8dbbff;
  --accent-fg: #080e17;
  --accent-weak: #172b45;
  --warn: #efc580;
  --warn-weak: #29251e;
  --info: #8dbbff;
  --sp-0: 0px;
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-7: 32px;
  --sp-8: 40px;
  --sp-9: 56px;
  --sp-10: 72px;
  --sp-half: 2px;
  --r-1: 4px;
  --r-2: 8px;
  --r-3: 12px;
  --border: 1px;
  --focus-width: 2px;
  --focus-offset: 4px;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Code", "D2Coding", monospace;
  --fs-1: 11px;
  --fs-2: 12px;
  --fs-3: 13px;
  --fs-4: 14px;
  --fs-5: 15px;
  --fs-6: 17px;
  --fs-7: 22px;
  --fs-8: 32px;
  --fs-9: 42px;
  --lh-tight: 1.35;
  --lh-base: 1.75;
  --lh-copy: 1.9;
  --w-content: 1080px;
  --w-lede: 720px;
  --w-sidebar: 248px;
  --w-site: 1600px;
  --h-header: 72px;
  --h-touch: 44px;
  --w-icon: 20px;
  --w-brand-mark: 32px;
  --w-rule-number: 30px;
  --w-compare-label: 170px;
  --w-compare-label-compact: 145px;
  --w-dot: 6px;
  --scroll-offset: 104px;
  --sh-1: 0 8px 32px rgba(0, 0, 0, .16);
}