/* Solaegis palette over Quint — light / dark */

:root {
  --solaegis-gold: #F5A623;
  --solaegis-text: #1A1A1A;
  --solaegis-muted: #666666;
  --solaegis-bg: #FAFAFA;

  --primary-bg: var(--solaegis-bg);
  --primary-text: var(--solaegis-text);
  --secondary-text: var(--solaegis-text);
  --link-color: #8a7350;
  --shadow-color: rgba(245, 166, 35, 0.25);
  --borders: var(--solaegis-gold);
}

@media (prefers-color-scheme: dark) {
  :root {
    --primary-bg: #1A1A1A;
    --primary-text: #FAFAFA;
    --secondary-text: #E8E8E8;
    --link-color: #F5A623;
    --shadow-color: rgba(245, 166, 35, 0.2);
    --borders: #F5A623;
  }
}

.hero h1 {
  font-family: 'Cinzel', 'OpenSauceOne', serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.hero h1::after {
  content: '';
  display: block;
  width: 60px;
  height: 4px;
  background: var(--solaegis-gold);
  margin: 1rem auto 0;
  border-radius: 2px;
}

.hero .subtitle {
  color: var(--solaegis-muted);
  max-width: 36rem;
  margin-left: auto;
  margin-right: auto;
}

@media (prefers-color-scheme: dark) {
  .hero .subtitle {
    color: #a0a0a0;
  }
}

a:hover,
a:focus {
  color: var(--solaegis-gold);
}

.tag {
  background-color: var(--solaegis-gold);
  color: var(--solaegis-text);
}

a:visited.tag {
  color: var(--solaegis-text);
}

.card a:hover h2 {
  color: var(--solaegis-gold);
}

header .logo img.site-logo {
  height: 48px;
  filter: drop-shadow(0 4px 10px rgba(245, 166, 35, 0.35));
}

button:hover {
  border: 1px solid var(--solaegis-gold);
}