@font-face{font-family:"Cormorant Garamond";font-weight:600;font-style:normal;font-display:swap;src:url(fonts/cormorant-garamond-600-latin.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-weight:200 900;font-style:normal;font-display:swap;src:url(fonts/source-sans-3-latin.woff2) format("woff2")}
@font-face{font-family:"Amiri Quran";font-weight:400;font-style:normal;font-display:swap;src:url(fonts/amiri-quran-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}

/* Palette validée le 4 nov. 2026 : communes + une couleur par espace */
:root{
  --papier:#F6F1E7;
  --encre:#1C1F26;
  --or:#B8893A;          /* filets et motifs seulement (2,8:1 sur papier) */
  --or-texte:#8A6424;    /* or lisible pour du texte (4,7:1 sur papier) */
  --gris:#5E5A52;
  --lapis:#1F3B63;  --lapis-clair:#E4EAF2;
  --grenat:#7A2E3A; --grenat-clair:#F3E4E5;
  --accent:var(--lapis); --accent-clair:var(--lapis-clair);
  --titres:"Cormorant Garamond",Georgia,serif;
  --texte:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;
  --arabe:"Amiri Quran","Amiri","Traditional Arabic",serif;
}
[data-espace="soeurs"]{--accent:var(--grenat);--accent-clair:var(--grenat-clair)}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;background:var(--papier);color:var(--encre);font-family:var(--texte);font-size:18px;line-height:1.6;display:flex;flex-direction:column}

.attente{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:24px}
.cadre{width:100%;max-width:560px;text-align:center;padding:56px 32px 48px;border:1px solid var(--or);outline:1px solid var(--or);outline-offset:-8px}
.arabe{font-family:var(--arabe);direction:rtl;color:var(--accent);font-size:clamp(64px,16vw,104px);line-height:1.7;margin:0}
.filet{display:flex;align-items:center;justify-content:center;gap:12px;margin:4px auto 24px;width:160px}
.filet::before,.filet::after{content:"";flex:1;height:1px;background:var(--or)}
.filet span{width:7px;height:7px;background:var(--or);transform:rotate(45deg)}
h1{font-family:var(--titres);font-weight:600;font-size:clamp(38px,9vw,54px);line-height:1.1;letter-spacing:.01em;margin:0 0 12px}
.promesse{color:var(--gris);font-size:clamp(18px,4.6vw,21px);margin:0 0 28px}
.bientot{color:var(--accent);font-size:15px;letter-spacing:.14em;text-transform:uppercase;margin:0}
body>footer{text-align:center;color:var(--gris);font-size:14px;padding:0 24px 24px}

.avis{width:100%;max-width:560px;text-align:center}
.note{margin:0 0 16px;font-size:16px;color:var(--encre)}
.etoiles{color:var(--or);letter-spacing:.12em;margin-right:6px}
.avis blockquote{margin:0 0 16px}
.avis blockquote p{font-family:var(--titres);font-weight:600;font-size:clamp(21px,5.2vw,25px);line-height:1.35;margin:0 0 8px}
.avis blockquote footer{font-size:15px;color:var(--gris)}
.avis a{color:var(--accent);font-size:16px;text-decoration:underline;text-underline-offset:3px}
.avis a:hover{text-decoration-thickness:2px}

@media (max-width:420px){.cadre{padding:44px 20px 36px}}