@font-face {
  font-family: 'Kumbh Sans';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/static/fonts/kumbh-sans-latin.woff2) format('woff2');
}

/* Inspiré de tricolores.netark.fr : en-tête blanc collant, liens teintés au
   survol, menus déroulants en carte, pied de page sombre à liseré coloré. */
:root { --accent: #6e0b14; --accent-tint: #fbe4e6; }
.dark { --accent: #ec9aa3; --accent-tint: rgba(221, 98, 112, 0.14); }

body { -webkit-font-smoothing: antialiased; }

#site-header { transition: box-shadow .3s ease; }
#site-header.is-scrolled { box-shadow: 0 2px 20px rgba(0, 0, 0, .08); }
.dark #site-header.is-scrolled { box-shadow: 0 2px 20px rgba(0, 0, 0, .45); }

.nav-link {
  display: flex; align-items: center; gap: .35rem;
  padding: .45rem .85rem; border-radius: 6px;
  font-weight: 600; font-size: .9rem;
  transition: color .3s ease, background .3s ease;
}
.nav-link:hover, .nav-link.is-active { color: var(--accent); background: var(--accent-tint); }

.dropdown-item {
  display: block; padding: .5rem .85rem; border-radius: 6px;
  font-weight: 600; font-size: .875rem; transition: all .25s ease;
}
.dropdown-item:hover { color: var(--accent); background: var(--accent-tint); }

.footer-link {
  display: block; margin-bottom: .55rem;
  color: rgba(255, 255, 255, .58); font-size: .875rem; font-weight: 600;
  transition: color .25s ease-out, padding-left .3s ease;
}
.footer-link:hover { color: #fff; padding-left: 4px; text-decoration: underline; }
.footer-heading {
  margin-bottom: 1rem; font-size: .72rem; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase; color: rgba(255, 255, 255, .35);
}

.card { transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.card:hover { transform: translateY(-3px); box-shadow: 0 10px 40px rgba(0, 0, 0, .10); border-color: var(--accent); }
.dark .card:hover { box-shadow: 0 10px 40px rgba(0, 0, 0, .5); }

.prose a { color: var(--accent); }
.prose img { border-radius: 12px; max-height: 160px; }

.hero-pattern {
  background-image:
    radial-gradient(circle at 15% 20%, rgba(255, 255, 255, .10) 0, transparent 40%),
    radial-gradient(circle at 85% 80%, rgba(0, 0, 0, .25) 0, transparent 45%),
    linear-gradient(135deg, #861523 0%, #6e0b14 45%, #33040a 100%);
}