/* ════════════════════════════════════════════════════════════════════════
   PERSEUS × APOLLO — alignement des accents sur la DA Apollo.
   Le site Perseus garde sa base dark (les effets hero sont dessinés pour
   fond sombre) mais adopte l'identité couleur Apollo : gradient
   #7C3AED → #DB2777 sur tous les CTA et accents.
   Pairing intentionnel : Perseus dark (agence) / Apollo light (produit),
   même signature gradient. Réf: design/APOLLO-DESIGN-SYSTEM.md
   ════════════════════════════════════════════════════════════════════════ */

:root {
  /* Accent unifié Apollo (remplace le violet oklch seul) */
  --accent: #8B5CF6;            /* violet Apollo éclairci pour contraste AA sur dark */
  --accent-soft: rgba(139, 92, 246, 0.16);
  --accent-hot: #EC4899;        /* rose Apollo éclairci pour dark */
}

/* Sélection de texte */
::selection { background: rgba(139, 92, 246, 0.30); }

/* CTA primaire → gradient Apollo signature */
.btn-primary, .nav-cta {
  background: linear-gradient(135deg, #7C3AED 0%, #DB2777 100%) !important;
  color: #FFFFFF !important;
  border: none !important;
  box-shadow: 0 1px 2px rgba(124, 58, 237, 0.25), 0 8px 28px rgba(124, 58, 237, 0.35) !important;
  transition: transform 180ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 180ms cubic-bezier(0.16, 1, 0.3, 1);
}
.btn-primary:hover, .nav-cta:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(124, 58, 237, 0.30), 0 12px 36px rgba(219, 39, 119, 0.35) !important;
}

/* Pastille eyebrow — glow gradient */
.eyebrow::before {
  background: linear-gradient(135deg, #8B5CF6, #EC4899) !important;
  box-shadow: 0 0 14px rgba(139, 92, 246, 0.6) !important;
}

/* Mots accent serif dans les titres → gradient Apollo */
.flow, .h-display em, .h-section em {
  background: linear-gradient(110deg, #A78BFA 0%, #EC4899 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Badge LIVE nav */
.nav-links .live, [class*="badge-live"] {
  background: linear-gradient(135deg, #7C3AED, #DB2777) !important;
}