:root {
  --ink: #121412;
  --ink-soft: #2a2e2b;
  --paper: #f1f3f2;
  --mist: #e2e6e3;
  --stone: #6e7671;
  --fog: #9aa39d;
  --accent: #b8894a;
  --accent-deep: #8a6430;
  --veil: rgba(8, 10, 9, 0.48);
  --glass: rgba(18, 20, 18, 0.55);
  --line: rgba(18, 20, 18, 0.12);
  --line-light: rgba(241, 243, 242, 0.18);
  --shadow-soft: 0 18px 50px rgba(8, 10, 9, 0.12);

  --font-display: "Syne", sans-serif;
  --font-body: "Outfit", sans-serif;

  --nav-height: 4.5rem;
  --page-pad: clamp(1.25rem, 4vw, 3rem);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

body {
  background-color: var(--paper);
  color: var(--ink);
  font-family: var(--font-body);
}

a {
  color: inherit;
}

::selection {
  background: var(--accent);
  color: var(--ink);
}