:root {
  color-scheme: light;

  --navy-950: #0d1620;
  --navy-900: #121e2b;
  --navy-800: #1a2836;
  --navy-700: #24344a;
  --navy-600: #2e405a;

  --charcoal-700: #2b3743;
  --charcoal-600: #37424e;

  --gray-600: #4c5763;
  --gray-500: #5f6a76;
  --gray-400: #7c8792;
  --gray-300: #a6b0b9;
  --gray-200: #d3d8dd;
  --gray-100: #e6e9ec;
  --gray-050: #f1f3f5;

  --paper-50: #fbfaf7;
  --paper-100: #f5f2ec;
  --paper-200: #ece7de;
  --paper-300: #e0dacd;

  --accent-700: #6b5430;
  --accent-600: #836840;
  --accent-500: #9c8154;
  --accent-300: #c9b68e;
  --accent-100: #efe8d9;

  --danger-700: #8c2f2f;
  --danger-100: #f7ecea;

  --font-serif: "Source Serif 4", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;
  --font-sans: "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;

  --fs-900: clamp(2.125rem, 1.55rem + 2.6vw, 3.25rem);
  --fs-800: clamp(1.6875rem, 1.4rem + 1.3vw, 2.375rem);
  --fs-700: clamp(1.3125rem, 1.17rem + 0.65vw, 1.6875rem);
  --fs-600: clamp(1.0625rem, 1.01rem + 0.24vw, 1.1875rem);
  --fs-500: 1.0625rem;
  --fs-400: 1rem;
  --fs-300: 0.9375rem;
  --fs-200: 0.8125rem;
  --fs-100: 0.75rem;

  --lh-tight: 1.14;
  --lh-snug: 1.32;
  --lh-body: 1.68;

  --ls-label: 0.12em;
  --ls-wide: 0.16em;

  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.25rem;
  --sp-6: 1.5rem;
  --sp-7: 1.75rem;
  --sp-8: 2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-20: 5rem;
  --sp-24: 6rem;

  --section-y: clamp(2.75rem, 1.9rem + 4vw, 5.5rem);
  --container: 74rem;
  --container-narrow: 46rem;
  --gutter: clamp(1.125rem, 0.85rem + 1.4vw, 2.5rem);

  --header-h-min: 3.75rem;
  --header-h-min-desktop: 4.5rem;

  --radius-sm: 2px;
  --radius-md: 3px;

  --hairline: 1px solid var(--gray-200);
  --hairline-dark: 1px solid rgba(245, 242, 236, 0.16);

  --focus-ring: var(--accent-700);
  --focus-ring-dark: var(--accent-300);
  --focus-width: 2px;
  --focus-offset: 2px;

  --tap-min: 44px;

  --dur-fast: 140ms;
  --dur: 200ms;
  --ease: cubic-bezier(0.2, 0.6, 0.3, 1);

  --z-header: 100;
  --z-mobile-nav: 90;
}