:root {
    --paper: oklch(91% 0.02 85);
    --paper2: oklch(94% 0.015 85);
    --ink: oklch(10% 0.03 75);
    --muted: oklch(38% 0.03 80);
    --stamp: oklch(42% 0.19 28);
    --stamp2: oklch(38% 0.19 28);
    --badge: oklch(42% 0.14 145);
    --border: oklch(75% 0.04 80);
    --font-display: 'Anton', Impact, 'Arial Black', sans-serif;
    --font-serif: 'DM Serif Display', Georgia, serif;
    --font-body: 'DM Serif Text', Georgia, serif;
    --font-mono: 'JetBrains Mono', ui-monospace, monospace;
    --gutter: 32px;
}

/* Navbar */
.navbar {
    background-color: var(--paper2);
    border-bottom: 3px solid var(--ink);
}

.navbar>.container {
    padding-inline: var(--gutter);
}

.navbar-brand span {
    font-family: var(--font-display);
    font-size: 1.375rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--ink);
    vertical-align: bottom;
}

.navbar-brand .stamp {
    color: var(--stamp);
}

.navbar-brand .stamp2 {
    font-family: var(--font-mono);
    font-size: 0.6875rem;
    color: var(--muted);
}

.nav-item a {
  font-family: var(--font-mono);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 5px 12px;
  color: var(--muted);
  border: 2px solid transparent;
  white-space: nowrap;
  transition: border-color 0.2s;
}

.nav-item a:hover {
  border-color: var(--ink);
  color: var(--ink);
}