/* ═══════════════════════════════════════
   SHARED — L'Apothicarium
   Chargé par toutes les pages
   ═══════════════════════════════════════ */

/* Reset */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
*{-webkit-tap-highlight-color:transparent}

/* Variables globales */
:root{
  --gold:#c9a554;--gold-light:#e8c97a;--gold-dim:rgba(201,165,84,.3);
  --bg:#080b16;--bg2:#0c0f1e;--bg3:#10142a;
  --vita:#c42b2b;--mana:#3b6fd4;--vigor:#2d8c4e;
  --font-display:'Cinzel Decorative','Cinzel',serif;
  --font-head:'Cinzel',serif;
  --font-body:'Raleway',sans-serif;
}

/* Base */
html{scroll-behavior:smooth;height:100%}
body{
  background-color:var(--bg);
  background-image:
    radial-gradient(ellipse 70% 55% at 50% 8%,rgba(13,27,72,.26) 0%,transparent 70%),
    radial-gradient(ellipse 55% 40% at 88% 42%,rgba(8,18,52,.20) 0%,transparent 65%),
    radial-gradient(ellipse 65% 50% at 14% 86%,rgba(11,22,64,.23) 0%,transparent 68%);
  background-attachment:fixed;
  color:var(--gold);
  font-family:var(--font-body);
  -webkit-font-smoothing:antialiased;
}
@media(max-width:768px){
  body{background-attachment:scroll}
}
img{max-width:100%;display:block}
a{color:var(--gold);text-decoration:none}