/* EE 541 course-level overrides on top of the framework defaults. */

:root {
  --color-accent: #990000;
  --color-accent-soft: #fef2f2;
}

:root.dark {
  --color-accent: #fca5a5;
  --color-accent-soft: #3f0b0b;
}

.home-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 1.25rem 0 1.75rem;
}

.home-button {
  display: inline-block;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  background: var(--color-accent);
  color: white;
  font-family: var(--font-sans);
  font-size: 0.9375rem;
  font-weight: 500;
}

.home-button:hover {
  text-decoration: none;
  opacity: 0.9;
}