:root {
  --radius: 0.625rem;
  --talos-bg: oklch(0.985 0.002 90);
  --talos-fg: oklch(0.18 0.01 60);
  --talos-muted: oklch(0.55 0.01 60);
  --talos-border: oklch(0.88 0.005 60);
  --talos-maroon: oklch(0.32 0.09 25);
}

/* Avoid horizontal scrollbar from 100vw usage anywhere */
html, body {
  overflow-x: hidden;
}

body {
  background-color: var(--talos-bg);
  color: var(--talos-fg);
}

/* Utility-like classes for typography */
.talos-h1 {
  letter-spacing: -0.02em;
  line-height: 1.05;
}

.talos-kicker {
  color: var(--talos-maroon);
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.talos-muted {
  color: var(--talos-muted);
}

/* Prevent focus outlines from being removed by other CSS */
:focus-visible {
  outline: 2px solid var(--talos-maroon);
  outline-offset: 3px;
}