:root {
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-s: 0.75rem;
  --space-m: 1rem;
  --space-l: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3.25rem;

  --section-space-s: var(--space-l);
  --section-space-m: var(--space-xl);
  --section-space-l: var(--space-2xl);
  --section-space-xl: clamp(3rem, 6vw, 5rem);
  --section-space-2xl: clamp(4rem, 8vw, 7rem);

  --container-gap: var(--space-l);
  --content-gap: var(--space-m);
  --grid-gap: var(--space-l);
  --heading-gap: var(--space-xs);
  --section-heading-gap: var(--space-s);
  --section-content-gap: var(--space-2xl);

  --content-width: 72rem;
  --gutter: clamp(1rem, 5vw, 3rem);

  --heading-font-family: "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --body-font-family: "Avenir Next", "Segoe UI", system-ui, sans-serif;

  --h1: clamp(2.35rem, 6vw, 4.8rem);
  --h2: clamp(1.9rem, 4vw, 3.15rem);
  --h3: clamp(1.35rem, 2.5vw, 1.75rem);
  --h4: 1.25rem;
  --text-xl: 1.25rem;
  --text-l: 1.125rem;
  --text-m: 1rem;
  --text-s: 0.9375rem;
  --text-xs: 0.875rem;

  --heading-line-height: 1.02;
  --heading-font-weight: 800;
  --heading-letter-spacing: 0;

  --primary: #2f5f86;
  --secondary: #7fa3bd;
  --tertiary: #54706e;
  --accent: #d6ae4f;
  --base: #132235;
  --neutral: #d9d7ce;

  --primary-light: #dbe8f0;
  --primary-dark: #234764;
  --accent-light: #f2e6c2;
  --neutral-ultra-light: #f7f5ef;
  --neutral-light: #ebe7dc;
  --neutral-dark: #283547;
  --neutral-ultra-dark: #111d2c;

  --bg-ultra-light: var(--neutral-ultra-light);
  --bg-light: var(--neutral-light);
  --bg-dark: var(--base);

  --text-dark: var(--base);
  --text-dark-muted: #4d5b6e;
  --text-light: #fbfaf6;
  --text-light-muted: #d9e2e8;

  --body-bg-color: var(--bg-ultra-light);
  --body-color: var(--text-dark);

  --radius: 0.45rem;
  --border: 1px solid color-mix(in oklab, currentColor 18%, transparent);
  --border-light: 1px solid color-mix(in oklab, var(--text-dark) 12%, transparent);
  --border-dark: 1px solid color-mix(in oklab, var(--text-light) 18%, transparent);
}