:root {
  color-scheme: light;

  --brand-950: #082f3a;
  --brand-900: #0b4653;
  --brand-800: #075c69;
  --brand-700: #006f7c;
  --brand-600: #008796;
  --brand-500: #009eae;
  --brand-400: #20b9c5;
  --brand-300: #66d2d9;
  --brand-100: #dff6f7;
  --brand-50: #f0fbfb;

  --accent-500: #42c9a1;
  --accent-100: #e5f8f1;

  --ink-950: #102a3a;
  --ink-800: #263f4e;
  --ink-700: #3f5664;
  --ink-600: #60737e;
  --ink-400: #91a1aa;
  --ink-200: #d5dee2;
  --ink-100: #e9eef0;
  --ink-50: #f6f8f9;

  --white: #fff;
  --warning-50: #fff8e7;
  --warning-600: #8a5a00;

  --font-sans: Inter, Arial, "Helvetica Neue", Helvetica, sans-serif;
  --text-xs: .75rem;
  --text-sm: .875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.3125rem;
  --text-2xl: 1.75rem;
  --text-3xl: clamp(2rem, 5vw, 3.5rem);

  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;

  --radius-sm: .5rem;
  --radius-md: .75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.25rem;
  --radius-pill: 999px;

  --shadow-sm: 0 3px 10px rgba(16, 42, 58, .06);
  --shadow-md: 0 12px 30px rgba(16, 42, 58, .09);
  --shadow-lg: 0 20px 52px rgba(8, 47, 58, .14);

  --container: 72rem;
  --reading-width: 46rem;
  --header-height: 4.5rem;
  --transition: 180ms ease;
}