/* DataSAI - Page Académie aux polices et couleurs des pages refaites : Instrument Serif pour les titres, Inter pour le texte,
   IBM Plex Mono pour les étiquettes, or champagne pour les boutons. Les titres découpés en lettres prennent une couleur unie. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&family=Instrument+Serif:ital@0;1&display=swap');

html body { font-family: 'Inter', system-ui, sans-serif !important; }

/* Titres */
html body .hero h1, html body .hero-motto-main, html body .section-title, html body .mission-card h4, html body .program-card-title,
html body .origin-label, html body .directrice-name, html body .testimonial-author {
  font-family: 'Instrument Serif', Georgia, serif !important; font-weight: 400 !important; letter-spacing: -.005em !important; }
html body .hero h1 { font-size: clamp(46px, 6vw, 84px) !important; line-height: 1.02 !important; }
html body .hero h1 em, html body .hero h1 em *, html body .hero-motto-main em, html body .hero-motto-main em * {
  font-style: italic; color: #e7d9b6 !important; -webkit-text-fill-color: #e7d9b6 !important; background: none !important; }
html body .section-title { font-size: clamp(36px, 4vw, 54px) !important; line-height: 1.04 !important; }
html body .section-title em, html body .section-title em * { font-style: italic; color: #9a6a31 !important; -webkit-text-fill-color: #9a6a31 !important; background: none !important; }
html body .program-card-title { font-size: 28px !important; line-height: 1.1 !important; }
html body .mission-card h4 { font-size: 24px !important; }
html body .directrice-name { font-size: clamp(32px, 3.4vw, 44px) !important; }
html body .testimonial-author { font-size: 19px !important; }
html body .hero-rotating { color: #e7d9b6 !important; }

/* Étiquettes */
html body .hero-tag, html body .program-card-label, html body .hero-badge, html body .library-visual-label {
  font-family: 'IBM Plex Mono', monospace !important; letter-spacing: .1em !important; }

/* Boutons */
html body .btn-primary, html body .program-card:nth-child(1) .program-card-cta, html body .form-submit {
  font-family: 'Inter', sans-serif !important; font-weight: 700 !important; border-radius: 999px !important; border: 0 !important;
  color: #1a1206 !important; background: linear-gradient(180deg, #f2e4ca 0%, #e7d9b6 40%, #c9a86a 100%) !important; box-shadow: 0 12px 30px rgba(201,150,63,.3) !important; }
html body .btn-primary:hover, html body .program-card:nth-child(1) .program-card-cta:hover { filter: brightness(1.05); transform: translateY(-1px); }
html body .btn-outline, html body .more-reviews-btn, html body .program-card-cta {
  font-family: 'Inter', sans-serif !important; font-weight: 600 !important; border-radius: 999px !important; }
html body .btn-outline { border-color: rgba(231,217,182,.45) !important; color: #fff !important; }
html body .more-reviews-btn { border-color: #d9c9a6 !important; color: #0b1220 !important; background: #fff !important; }

/* Carte Bootcamps : le violet n'est pas dans la palette du logo, il passe au bleu SAI */
html body .program-card:nth-child(2) .program-card-cta { color: #fff !important; border: 0 !important; background: linear-gradient(180deg, #4cc0ff 0%, #1f8fd6 100%) !important; box-shadow: 0 12px 30px rgba(56,182,255,.3) !important; }
html body .program-card:nth-child(2) .program-card-label { color: #8fd6ff !important; background: rgba(56,182,255,.15) !important; border-color: rgba(56,182,255,.35) !important; }