:root {
  --bg-color: #000000;
  --text-color: #ffffff;
  --subtitle-color: #f4a938;
  --button-bg: #1a1a1a;
  --button-text: #ffffff;
  --button-hover-bg: #2a2a2a;
  --footer-bg: #0a0a0a;
  --muted-text: #bbbbbb;
  --name-text: #999999;
}

body {
  background-color: var(--bg-color);
  color: var(--text-color);
  font-family: system-ui, sans-serif;
  margin: 0;
  padding: 0;
}



.subtitle {
  color: var(--subtitle-color);
}

.name{
    color: var(--name-text);
    font-style: italic;
}

.text {
    color: var(--button-text);
}

.nav-item {
    color: var(--subtitle-color);
    text-decoration: none;
}

.features-link {
  background-color: var(--button-bg);
  color: var(--subtitle-color);
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block;
}

.features-link:hover {
  background-color: var(--button-hover-bg);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4);
}