/* aboneo.css — thème du projet Aboneo : violet doux et menthe, comme une app propre */
.theme-aboneo { --fond: #2b2160; --accent: #a78bfa; --bleu: #8fd3f4; }
.theme-aboneo .decoration-projet { display: inline-block; background: var(--fond-carte); border: 2px solid var(--bordure-douce); padding: 0.4rem 0.7rem; letter-spacing: 0.05em; }

/* Visuel d'en-tête : un téléphone avec l'icône et deux notifications */
.telephone { position: relative; width: 230px; height: 440px; margin: 0 auto; border: 4px solid var(--texte); border-radius: 36px; background: linear-gradient(160deg, #3b2e7a, #1a1440); box-shadow: 10px 10px 0 var(--accent); display: grid; place-items: center; }
.telephone__encoche { position: absolute; top: 12px; left: 50%; transform: translateX(-50%); width: 90px; height: 22px; background: var(--noir); border-radius: 12px; }
.telephone__icone { width: 96px; border-radius: 22px; }
.telephone__notification { position: absolute; background: var(--texte); color: var(--noir); font-size: 0.8rem; font-weight: 500; padding: 0.45rem 0.7rem; border: 2px solid var(--noir); box-shadow: 3px 3px 0 var(--noir); white-space: nowrap; }
.telephone__notification--1 { top: 80px; left: -36px; }
.telephone__notification--2 { bottom: 100px; right: -36px; }
/* Tout est un peu plus arrondi, comme dans une app */
.theme-aboneo .etapes li, .theme-aboneo .carte, .theme-aboneo .apercu-app { border-radius: 14px; }