/* L3P Group · base commune (polices hébergées localement, couleurs de la charte v1.2) */
@font-face{font-family:Sora;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/sora-400.woff2) format("woff2")}
@font-face{font-family:Sora;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/sora-800.woff2) format("woff2")}
@font-face{font-family:Geist;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/geist-400.woff2) format("woff2")}
@font-face{font-family:Geist;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/geist-500.woff2) format("woff2")}
@font-face{font-family:Geist;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/geist-600.woff2) format("woff2")}

:root{
  /* Couleurs principales */
  --dark:#341539;      /* Dark purple : texte, fonds foncés */
  --cream:#FFF7EC;     /* Crème : fond de page */
  --coral-200:#FFC2AD;
  --coral-300:#FF9E80; /* Corail clair */
  --coral-400:#FF7A5C;
  --coral:#FF5A36;     /* Corail 500 : couleur signature */
  --coral-700:#C2361A; /* Corail profond : boutons et liens sur fond clair */
  --coral-800:#962A16;
  /* Neutres */
  --text-2:#5E4A63;
  --lavender:#A898B0;
  --border:#E8E1EF;
  --mist:#F7F4FA;
  --on-dark-muted:#D9CCE0;
  --font-title:Sora,system-ui,sans-serif;
  --font-text:Geist,system-ui,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font-text);-webkit-font-smoothing:antialiased}
a{color:inherit}

/* Logo horizontal */
.logo{display:flex;align-items:center;gap:9.6px;text-decoration:none}
.logo .w{display:flex;align-items:baseline;gap:4px}
.logo svg{width:41.7px;height:40px;flex-shrink:0}
.logo b{font-family:var(--font-title);font-weight:800;font-size:44px;letter-spacing:-3.2px;line-height:1}
.logo .w span{font-family:var(--font-title);font-weight:400;font-size:16px;letter-spacing:-.8px;line-height:1}

/* Boutons (charte : rayon 12, hauteur min. 44 px, Geist 600, un seul principal par écran) */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:16px 26px;border-radius:12px;font-family:var(--font-text);font-weight:600;font-size:18px;line-height:1.2;text-decoration:none;transition:background .15s,box-shadow .15s}
:focus-visible{outline:3px solid var(--coral-300);outline-offset:3px}
@media (max-width:520px){
  .logo{gap:6.5px}.logo .w{gap:2.7px}
  .logo b{font-size:29.7px;letter-spacing:-2.17px}
  .logo svg{width:28.2px;height:27px}
  .logo .w span{font-size:10.8px;letter-spacing:-.54px}
}