:root {
  --obsidian: #0a0a0a;
  --charcoal: #1a1a1a;
  --slate: #2a2a2a;
  --ash: #4a4a4a;
  --stone: #6a6a6a;
  --mist: #9a9a9a;
  --fog: #cacaca;
  --white: #f5f5f5;
  --accent-gold: #c4a969;
  --accent-tan: #a89a7a;
  --accent-blue: #5a7a8a;
  --accent-purple: #6a5a7a;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.logo {
  display: flex;
  align-items: center;
  gap: 1rem;
  text-decoration: none;
  color: var(--white);
}

.logo-icon {
  height: auto;
}

.logo-text {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 1.25rem;
  font-weight: 300;
  letter-spacing: 0.06em;
  text-transform: lowercase;
}