:root {
  color-scheme: light;
  --color-steel: #5a6b7d;
  --color-steel-dark: #2d3e4f;
  --color-cobalt: #1f4788;
  --color-cobalt-deep: #163864;
  --color-sky: #e8f0f8;
  --color-terracotta: #c85a3a;
  --color-terracotta-dark: #a7462b;
  --color-cream: #f5f2ed;
  --color-paper: #fafaf8;
  --color-paper-bright: #fffdf8;
  --color-charcoal: #2b2520;
  --color-line: #dcd8d1;
  --color-white: #fff;
  --font-serif: "Literata", Georgia, serif;
  --font-sans: "Geist", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --shell: 77.5rem;
  --gutter: clamp(1.25rem, 4vw, 3.5rem);
  --section-space: clamp(5rem, 9vw, 8rem);
  --header-height: 6.25rem;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --shadow-menu: 0 1.25rem 3rem rgb(29 40 53 / 14%);
}