/* Preview statique — polices chargées via Google Fonts */
:root {
  --font-display: 'Fraunces';
  --font-body: 'Inter';
}

/* État "scrollé" de la barre de navigation (géré par script.js) */
#site-header.scrolled {
  border-color: hsl(var(--border));
  background: hsl(var(--background) / 0.85);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: 0 1px 2px hsl(var(--foreground) / 0.05);
}

/* Burger ouvert */
#burger.open span:first-child { transform: translateY(3.5px) rotate(45deg); }
#burger.open span:last-child { transform: translateY(-3.5px) rotate(-45deg); }