/* =====================================================================
   APERCU CLIENT — jetons de style portes par le cadre #mk-frame
   ---------------------------------------------------------------------
   Fichier genere depuis themes.css et features.css.
   L'univers choisi dans la maquette ne repeint QUE l'apercu :
   le style du site Axcylia reste celui du bouton « Personnaliser ».
   Ne pas modifier a la main — regenerer avec gen_apercu.py.
   ===================================================================== */

/* le cadre devient la racine des variables de son univers */
#mk-frame{transition:background-color .45s var(--ease,cubic-bezier(.16,1,.3,1)),border-color .45s var(--ease,cubic-bezier(.16,1,.3,1))}

#mk-frame[data-style=original]{--teal:#2698A0;--teal-rgb:38 152 160;--teal-light:#3FB5BD;--teal-light-rgb:63 181 189;--teal-glow:#7FD8DD;--teal-glow-rgb:127 216 221;--teal-pale:#E8F5F6}
#mk-frame[data-style=original][data-coloris="2"]{--teal:#5563DE;--teal-rgb:85 99 222;--teal-light:#6E7AE3;--teal-light-rgb:110 122 227;--teal-glow:#A2A9ED;--teal-glow-rgb:162 169 237;--teal-pale:#EEEFFC}
#mk-frame[data-style=original][data-coloris="3"]{--teal:#1E9A6A;--teal-rgb:30 154 106;--teal-light:#40A980;--teal-light-rgb:64 169 128;--teal-glow:#83C7AD;--teal-glow-rgb:131 199 173;--teal-pale:#E8F5F0}
#mk-frame[data-style=original][data-coloris="4"]{--teal:#DD5E43;--teal-rgb:221 94 67;--teal-light:#E2765F;--teal-light-rgb:226 118 95;--teal-glow:#ECA698;--teal-glow-rgb:236 166 152;--teal-pale:#FCEFEC}
#mk-frame[data-style=atelier]{--teal:#B4532A;--teal-rgb:180 83 42;--teal-light:#BE6B48;--teal-light-rgb:190 107 72;--teal-glow:#D6A08A;--teal-glow-rgb:214 160 138;--teal-pale:#EBD8C9}
#mk-frame[data-style=atelier][data-coloris="2"]{--teal:#5F7446;--teal-rgb:95 116 70;--teal-light:#758760;--teal-light-rgb:117 135 96;--teal-glow:#A7B399;--teal-glow-rgb:167 179 153;--teal-pale:#DEDDCD}
#mk-frame[data-style=atelier][data-coloris="3"]{--teal:#2F4A7A;--teal-rgb:47 74 122;--teal-light:#4C638D;--teal-light-rgb:76 99 141;--teal-glow:#8D9BB6;--teal-glow-rgb:141 155 182;--teal-pale:#DDE1E8}
#mk-frame[data-style=atelier][data-coloris="4"]{--teal:#A8741A;--teal-rgb:168 116 26;--teal-light:#B4873A;--teal-light-rgb:180 135 58;--teal-glow:#CFB381;--teal-glow-rgb:207 179 129;--teal-pale:#EADDC6}
#mk-frame[data-style=nocturne]{--teal:#C3F24B;--teal-rgb:195 242 75;--teal-light:#CFF56F;--teal-light-rgb:207 245 111;--teal-glow:#E4F9AE;--teal-glow-rgb:228 249 174;--teal-pale:#212A16}
#mk-frame[data-style=nocturne][data-coloris="2"]{--teal:#A08CFF;--teal-rgb:160 140 255;--teal-light:#B3A3FF;--teal-light-rgb:179 163 255;--teal-glow:#D4CBFF;--teal-glow-rgb:212 203 255;--teal-pale:#1C1B2F}
#mk-frame[data-style=nocturne][data-coloris="3"]{--teal:#43D9EB;--teal-rgb:67 217 235;--teal-light:#69E1EF;--teal-light-rgb:105 225 239;--teal-glow:#AAEEF6;--teal-glow-rgb:170 238 246;--teal-pale:#0F262C}
#mk-frame[data-style=nocturne][data-coloris="4"]{--teal:#FFB547;--teal-rgb:255 181 71;--teal-light:#FFC46C;--teal-light-rgb:255 196 108;--teal-glow:#FFDEAC;--teal-glow-rgb:255 222 172;--teal-pale:#2A2115}
#mk-frame[data-style=pop]{--teal:#FFD23F;--teal-rgb:255 210 63;--teal-light:#FFD95C;--teal-light-rgb:255 217 92;--teal-glow:#FFE282;--teal-glow-rgb:255 226 130;--teal-pale:#FFEEB6}
#mk-frame[data-style=pop][data-coloris="2"]{--teal:#FF8FB8;--teal-rgb:255 143 184;--teal-light:#FFA0C3;--teal-light-rgb:255 160 195;--teal-glow:#FFB6D1;--teal-glow-rgb:255 182 209;--teal-pale:#FFD4E4}
#mk-frame[data-style=pop][data-coloris="3"]{--teal:#8DB2FF;--teal-rgb:141 178 255;--teal-light:#9EBEFF;--teal-light-rgb:158 190 255;--teal-glow:#B5CDFF;--teal-glow-rgb:181 205 255;--teal-pale:#D4E2FF}
#mk-frame[data-style=pop][data-coloris="4"]{--teal:#6FE0A8;--teal-rgb:111 224 168;--teal-light:#85E5B5;--teal-light-rgb:133 229 181;--teal-glow:#A1EBC6;--teal-glow-rgb:161 235 198;--teal-pale:#C8F3DE}
#mk-frame[data-style=aurore]{--teal:#6D4AFF;--teal-rgb:109 74 255;--teal-light:#8365FF;--teal-light-rgb:131 101 255;--teal-glow:#AF9BFF;--teal-glow-rgb:175 155 255;--teal-pale:#EDE9FF;--acc2:#EC4899;--acc2-rgb:236 72 153}
#mk-frame[data-style=aurore][data-coloris="2"]{--teal:#2563EB;--teal-rgb:37 99 235;--teal-light:#467AEE;--teal-light-rgb:70 122 238;--teal-glow:#87A9F4;--teal-glow-rgb:135 169 244;--teal-pale:#E5ECFD;--acc2:#06B6D4;--acc2-rgb:6 182 212}
#mk-frame[data-style=aurore][data-coloris="3"]{--teal:#F2542D;--teal-rgb:242 84 45;--teal-light:#F46E4C;--teal-light-rgb:244 110 76;--teal-glow:#F8A18C;--teal-glow-rgb:248 161 140;--teal-pale:#FDEAE6;--acc2:#E83E8C;--acc2-rgb:232 62 140}
#mk-frame[data-style=aurore][data-coloris="4"]{--teal:#0E9F6E;--teal-rgb:14 159 110;--teal-light:#32AD84;--teal-light-rgb:50 173 132;--teal-glow:#7ACAAF;--teal-glow-rgb:122 202 175;--teal-pale:#E2F3EE;--acc2:#0EA5E9;--acc2-rgb:14 165 233}
#mk-frame[data-style=suisse]{--teal:#E3301C;--teal-rgb:227 48 28;--teal-light:#E74F3E;--teal-light-rgb:231 79 62;--teal-glow:#F08D82;--teal-glow-rgb:240 141 130;--teal-pale:#F0D7D1}
#mk-frame[data-style=suisse][data-coloris="2"]{--teal:#1D3FD8;--teal-rgb:29 63 216;--teal-light:#3F5CDE;--teal-light-rgb:63 92 222;--teal-glow:#8395EA;--teal-glow-rgb:131 149 234;--teal-pale:#D4D9EB}
#mk-frame[data-style=suisse][data-coloris="3"]{--teal:#0A8F5B;--teal-rgb:10 143 91;--teal-light:#2FA074;--teal-light-rgb:47 160 116;--teal-glow:#78C1A5;--teal-glow-rgb:120 193 165;--teal-pale:#D2E4D9}
#mk-frame[data-style=suisse][data-coloris="4"]{--teal:#FF5B00;--teal-rgb:255 91 0;--teal-light:#FF7426;--teal-light-rgb:255 116 38;--teal-glow:#FFA573;--teal-glow-rgb:255 165 115;--teal-pale:#F4DDCD}
#mk-frame[data-style=nature]{--teal:#3F8A5A;--teal-rgb:63 138 90;--teal-light:#5C9C73;--teal-light-rgb:92 156 115;--teal-glow:#95BFA4;--teal-glow-rgb:149 191 164;--teal-pale:#CBDECD}
#mk-frame[data-style=nature][data-coloris="2"]{--teal:#C0673F;--teal-rgb:192 103 63;--teal-light:#C97E5C;--teal-light-rgb:201 126 92;--teal-glow:#DCAB95;--teal-glow-rgb:220 171 149;--teal-pale:#E5D7C8}
#mk-frame[data-style=nature][data-coloris="3"]{--teal:#7B6BB3;--teal-rgb:123 107 179;--teal-light:#8F81BE;--teal-light-rgb:143 129 190;--teal-glow:#B6AED5;--teal-glow-rgb:182 174 213;--teal-pale:#D7D8DF}
#mk-frame[data-style=nature][data-coloris="4"]{--teal:#3C82A0;--teal-rgb:60 130 160;--teal-light:#5995AE;--teal-light-rgb:89 149 174;--teal-glow:#94BACB;--teal-glow-rgb:148 186 203;--teal-pale:#CADCDB}
#mk-frame[data-style=atelier]{--navy:#241D17;--navy-deep:#1A1511;--navy-mid:#2B231C;--navy-soft:#3A3028;--ink:#2A231C;--muted:#6E6356;--line:#DCD2C1;--bg:#F6F1E7;--bg-alt:#EFE7D8;--surface:#FBF8F1;--r:3px;--shadow:10px 10px 0 rgb(var(--teal-rgb) / .16);--shadow-xl:10px 10px 0 rgb(var(--teal-rgb) / .2);--mx-dot-rgb:92 74 56;--serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;--cfg-bg:#FBF8F1;--cfg-ink:#241D17;--cfg-muted:#6E6356;--cfg-line:#DCD2C1;--cfg-r:4px;--cfg-border:1px solid #241D17;--cfg-shadow:10px 10px 0 rgb(var(--teal-rgb) / .22);--cfg-font:var(--serif);--cfg-fab-bg:#241D17;--cfg-fab-fg:#F6F1E7;--cfg-fab-r:3px;--cfg-fab-shadow:5px 5px 0 rgb(var(--teal-rgb) / .45),0 0 0 1px rgb(246 241 231 / .3)}
#mk-frame[data-style=nocturne]{--navy:#F1F4F9;--navy-deep:#050608;--navy-mid:#0B0E13;--navy-soft:#141922;--ink:#D5DBE5;--muted:#8A94A6;--line:rgb(255 255 255 / .09);--bg:#07090D;--bg-alt:#0C1016;--surface:#0F131A;--surface-2:#151A23;--on-accent:#07090D;--r:20px;--shadow:0 24px 60px rgb(0 0 0 / .5);--shadow-xl:0 30px 80px rgb(0 0 0 / .6);--mx-dot-rgb:200 210 225;--mono:"Cascadia Code","Cascadia Mono","SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--cfg-bg:#0F131A;--cfg-ink:#F1F4F9;--cfg-muted:#8A94A6;--cfg-line:rgb(255 255 255 / .1);--cfg-r:20px;--cfg-border:1px solid rgb(255 255 255 / .1);--cfg-shadow:0 30px 80px rgb(0 0 0 / .6),0 0 60px -20px rgb(var(--teal-rgb) / .35);--cfg-fab-bg:var(--teal);--cfg-fab-fg:#07090D;--cfg-fab-r:999px;--cfg-fab-shadow:0 0 0 1px rgb(var(--teal-rgb) / .5),0 10px 40px rgb(var(--teal-rgb) / .35)}
#mk-frame[data-style=pop]{--navy:#111;--navy-deep:#111;--navy-soft:#222;--ink:#111;--muted:#3F3B36;--line:#111;--bg:#FFF8EC;--bg-alt:#FFEFD6;--surface:#fff;--r:16px;--bw:2.5px;--hard:5px 5px 0 #111;--hard-lg:8px 8px 0 #111;--pink:#FF8FB8;--blue:#8DB2FF;--green:#7EE2B0;--yellow:#FFD23F;--lilac:#C9B6FF;--shadow:var(--hard-lg);--shadow-xl:var(--hard-lg);--cfg-bg:#fff;--cfg-ink:#111;--cfg-muted:#3F3B36;--cfg-line:#111;--cfg-r:16px;--cfg-border:2.5px solid #111;--cfg-shadow:8px 8px 0 #111;--cfg-fab-bg:#111;--cfg-fab-fg:#fff;--cfg-fab-r:14px;--cfg-fab-shadow:4px 4px 0 var(--teal),0 0 0 2px #fff}
#mk-frame[data-style=aurore]{--navy:#1B1537;--navy-deep:#120E26;--navy-mid:#1B1537;--navy-soft:#2A2150;--ink:#2B2745;--muted:#6B6788;--line:rgb(43 39 69 / .1);--bg:#F4F2FB;--bg-alt:#EDEAF8;--glass:rgb(255 255 255 / .58);--glass-strong:rgb(255 255 255 / .8);--glass-edge:rgb(255 255 255 / .92);--grad:linear-gradient(120deg,var(--teal),var(--acc2));--r:26px;--shadow:0 24px 60px -18px rgb(var(--teal-rgb) / .35);--shadow-xl:0 30px 70px -20px rgb(var(--teal-rgb) / .45);--cfg-bg:rgb(255 255 255 / .78);--cfg-ink:#1B1537;--cfg-muted:#6B6788;--cfg-line:rgb(43 39 69 / .12);--cfg-r:26px;--cfg-border:1px solid rgb(255 255 255 / .92);--cfg-shadow:0 30px 80px -10px rgb(var(--teal-rgb) / .35);--cfg-fab-bg:linear-gradient(120deg,var(--teal),var(--acc2));--cfg-fab-fg:#fff;--cfg-fab-r:999px;--cfg-fab-shadow:0 12px 34px -6px rgb(var(--teal-rgb) / .6)}
#mk-frame[data-style=suisse]{--navy:#0A0A0A;--navy-deep:#0A0A0A;--navy-mid:#141414;--navy-soft:#1C1C1C;--ink:#0A0A0A;--muted:#55554F;--line:#0A0A0A;--bg:#F2F2EE;--bg-alt:#E8E8E2;--r:0px;--shadow:none;--shadow-xl:none;--grot:"Helvetica Neue",Inter,Helvetica,Arial,sans-serif;--cfg-bg:#F2F2EE;--cfg-ink:#0A0A0A;--cfg-muted:#55554F;--cfg-line:rgb(10 10 10 / .18);--cfg-r:0px;--cfg-border:1px solid #0A0A0A;--cfg-shadow:0 24px 60px rgb(0 0 0 / .18);--cfg-font:var(--grot);--cfg-fab-bg:var(--teal);--cfg-fab-fg:#fff;--cfg-fab-r:0px;--cfg-fab-shadow:0 0 0 1px #0A0A0A}
#mk-frame[data-style=nature]{--navy:#1F3B2D;--navy-deep:#15291F;--navy-mid:#1F3B2D;--navy-soft:#2A4A39;--ink:#2C3A31;--muted:#5F6F63;--line:rgb(31 59 45 / .12);--bg:#EEF3EA;--bg-alt:#E2EBDC;--surface:#FAFBF6;--r:32px;--soft:0 1px 0 rgb(31 59 45 / .04),0 24px 50px -24px rgb(31 59 45 / .24);--shadow:0 30px 60px -26px rgb(31 59 45 / .3);--shadow-xl:0 36px 70px -28px rgb(31 59 45 / .36);--blob:62% 38% 55% 45% / 48% 58% 42% 52%;--humane:Candara,Seravek,"Gill Sans Nova","Gill Sans","Trebuchet MS",sans-serif;--mx-dot-rgb:31 59 45;--cfg-bg:#FAFBF6;--cfg-ink:#1F3B2D;--cfg-muted:#5F6F63;--cfg-line:rgb(31 59 45 / .14);--cfg-r:28px;--cfg-border:none;--cfg-shadow:0 30px 80px -20px rgb(31 59 45 / .45);--cfg-font:var(--humane);--cfg-fab-bg:#1F3B2D;--cfg-fab-fg:#fff;--cfg-fab-r:999px;--cfg-fab-shadow:0 12px 30px -8px rgb(31 59 45 / .55),0 0 0 3px rgb(var(--teal-rgb) / .4)}
#mk-frame[data-style=pop]{--on-accent:#111}
#mk-frame[data-style=atelier]{--mk-font:var(--serif)}
#mk-frame[data-style=nature]{--mk-font:var(--humane)}
#mk-frame[data-style=suisse]{--mk-font:var(--grot)}

/* --- retouches par univers, limitees a l'interieur de l'apercu --- */
#mk-frame[data-style=pop] :is(.mk-card,.mk-b1,.mk-b2,.mk-inp,.mk-shot,.mk-li,.mk-visual,.mk-logo i){border-width:2px}
#mk-frame[data-style=suisse] :is(.mk-card,.mk-b1,.mk-b2,.mk-inp,.mk-shot,.mk-li,.mk-visual,.mk-logo i,.mk-cta,.mk-eyebrow){border-radius:0}
#mk-frame[data-style=nocturne] .mk-shot span{color:#fff}

/* l'apercu change d'univers : court fondu, sans rideau plein ecran */
#mk-frame.mk-swap .mk-site{animation:mkSwap .5s var(--ease,cubic-bezier(.16,1,.3,1))}
@keyframes mkSwap{
  0%{opacity:0;transform:translateY(10px) scale(.985);filter:saturate(.4)}
  100%{opacity:1;transform:none;filter:none}
}
@media(prefers-reduced-motion:reduce){#mk-frame.mk-swap .mk-site{animation:none}}