/* Thème clair "pro" inspiré des sites de couverture (sans copier). */
:root{
  --bg:#ffffff;
  --text:#0b1220;
  --muted:#4b5563;
  --card:#ffffff;
  --accent:#e11d48;   /* rose/rouge */
  --accent2:#f59e0b;  /* orange */
  --ok:#10b981;
  --danger:#ef4444;
  --shadow: 0 14px 40px rgba(2,6,23,.10);
}
body{
  background:
    radial-gradient(1200px 600px at 20% 0%, rgba(245,158,11,.12), transparent 55%),
    radial-gradient(900px 500px at 90% 10%, rgba(225,29,72,.10), transparent 55%),
    var(--bg);
}
.nav{background:rgba(255,255,255,.82); border-bottom:1px solid rgba(2,6,23,.08)}
.logo{background:linear-gradient(135deg,var(--accent2), var(--accent))}
.card{background:rgba(255,255,255,.94); border:1px solid rgba(2,6,23,.08)}
p{color:var(--muted)}
.menu a:hover{background:rgba(2,6,23,.05)}
.btn{border:1px solid rgba(2,6,23,.12); background:rgba(2,6,23,.03)}
.btn:hover{background:rgba(2,6,23,.06)}
.btn.primary{background:linear-gradient(135deg,var(--accent), #fb7185); color:white}
.cta{background:linear-gradient(135deg,var(--accent2), #fbbf24); color:#111827}
.badge{background:rgba(225,29,72,.08); border-color:rgba(225,29,72,.20)}
.badge.alt{background:rgba(245,158,11,.10); border-color:rgba(245,158,11,.22)}
.footer{border-top:1px solid rgba(2,6,23,.08)}
.hr{background:rgba(2,6,23,.10)}
.ph{color:rgba(2,6,23,.75); border:1px dashed rgba(2,6,23,.22)}
input, textarea{border:1px solid rgba(2,6,23,.16); background:rgba(2,6,23,.03); color:#111827}
.small{color:var(--muted)}