/* Harmonisation typographique et couleurs d'après la plaquette YallaDrive */
:root{
  --yd-purple:#24106f;
  --yd-purple-strong:#3512b8;
  --yd-gold:#e5a12f;
  --yd-text:#1d165b;
  --yd-muted:#5b6080;
}

body{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--yd-text);
}

/* Navigation */
.desktop-nav,
.lang-switch,
.header-actions,
.mobile-menu,
.mobile-bottom-nav{
  font-family:Inter,system-ui,sans-serif;
}
.desktop-nav{font-size:13px;font-weight:700}
.desktop-nav a:hover,.desktop-nav a.active{color:var(--yd-purple-strong);border-color:var(--yd-purple-strong)}
.lang-switch{color:var(--yd-purple-strong);font-weight:800}

/* Hero */
.hero h1{
  font-family:Manrope,Inter,sans-serif;
  font-weight:800;
  color:var(--yd-purple);
  letter-spacing:-.045em;
}
.hero h1 span{color:var(--yd-gold)}
.hero-lede{
  color:#15122f;
  font-weight:500;
}
.hero-lede strong{font-weight:700}
.hero-actions .btn{
  font-family:Inter,system-ui,sans-serif;
  font-weight:700;
}
.hero-actions .btn strong{font-weight:800}
.hero-actions .btn small{font-weight:500}
.btn-primary{background:linear-gradient(135deg,#3512b8,#5b21ef)}
.btn-outline{color:var(--yd-purple-strong);border-color:#6a46e5}

/* Titres de sections */
.section-title h2,
#passagers .section-title h2,
#chauffeurs .section-title h2,
#securite .section-title h2{
  font-family:Manrope,Inter,sans-serif;
  font-weight:800;
  color:var(--yd-purple);
  letter-spacing:-.025em;
}
.section-title p{color:var(--yd-muted);font-weight:500}

/* Cartes Comment ça marche */
.step-card h3{
  font-family:Inter,system-ui,sans-serif;
  font-weight:800;
  color:var(--yd-purple);
}
.step-card p{
  color:var(--yd-muted);
  font-weight:500;
}
.step-num{font-family:Inter,system-ui,sans-serif;font-weight:800}
.step-num.purple{background:var(--yd-purple-strong)}
.step-num.gold{background:var(--yd-gold)}

/* Bloc chauffeurs + application */
.driver-panel .section-title h2,
.app-panel .section-title h2{
  color:var(--yd-purple-strong);
}
.check-list,
.feature-list{color:#242055}
.check-list{font-weight:600}
.whatsapp{font-weight:800}

/* Pourquoi choisir */
.why-card h3{
  font-family:Inter,system-ui,sans-serif;
  font-weight:800;
  color:var(--yd-purple);
}
.why-card p{color:var(--yd-muted);font-weight:500}

/* Bandeau ville */
.banner-copy{
  color:var(--yd-purple-strong);
  font-weight:700;
}
.location-chip{
  background:linear-gradient(135deg,#3512b8,#5b21ef);
  font-family:Inter,system-ui,sans-serif;
  font-weight:800;
}

/* Footer */
footer{font-family:Inter,system-ui,sans-serif}
footer h4{font-weight:800;color:#fff}
footer a,footer span,.footer-brand p{color:#d4d0e8}

/* Tailles desktop proches de la plaquette */
@media (min-width:1001px){
  .hero h1{font-size:clamp(54px,5.4vw,76px);line-height:.94}
  .hero-lede{font-size:18px;line-height:1.32}
  .hero-actions .btn{font-size:14px}
  .hero-actions .btn small{font-size:10px}
  .section-title h2{font-size:34px;line-height:1.05}
  .section-title p{font-size:14px}
  .step-card h3{font-size:17px}
  .step-card p{font-size:13px;line-height:1.45}
  .driver-panel .section-title h2,
  .app-panel .section-title h2{font-size:27px;line-height:1.08}
  .check-list,.feature-list{font-size:14px}
  .why-card h3{font-size:15px}
  .why-card p{font-size:12px}
}

/* Mobile proche de la maquette téléphone */
@media (max-width:768px){
  .hero h1{font-size:40px;line-height:.94;letter-spacing:-.04em}
  .hero-lede{font-size:13px;line-height:1.22}
  .hero-actions .btn{font-size:11px}
  .hero-actions .btn small{font-size:8px}
  .section-title h2{font-size:30px;line-height:1.05}
  .section-title p{font-size:13px}
  .step-card h3{font-size:16px}
  .step-card p{font-size:13px;line-height:1.4}
  .driver-panel .section-title h2,
  .app-panel .section-title h2{font-size:23px;line-height:1.08}
  .check-list,.feature-list{font-size:13px}
  .why-card h3{font-size:14px}
  .why-card p{font-size:11px}
  .mobile-bottom-nav{font-weight:800;color:var(--yd-purple)}
}