:root {
  --eight-ink: #071a45;
  --eight-paper: #fbfcff;
  --eight-paper-strong: #eef3ff;
  --eight-teal: #1456df;
  --eight-teal-soft: #e3ebff;
  --eight-saffron: #2459da;
  --eight-saffron-deep: #0d42b5;
  --eight-line: #d7e0f2;
  --eight-muted: #52637f;
  --eight-display: Georgia, "Times New Roman", serif;
  --eight-sans: Manrope, Arial, sans-serif;
  --eight-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: var(--eight-paper); color: var(--eight-ink); font-family: var(--eight-sans); }
a { color: inherit; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid var(--eight-saffron); outline-offset: 4px; }