/* =========================================================
   Serenity Ink — base.css
   Styles COMMUNS aux deux pages (variables, reset, fond).
   👉 Pour changer les COULEURS ou les POLICES de tout le site,
      modifie les variables dans :root ci-dessous.
   ========================================================= */

:root{
  --encre:#15171a;
  --foret:#23301f;
  --mousse:#7d9168;
  --sauge:#aebfa0;
  --papier:#f3f0e7;
  --lin:#e7e2d3;
  --or:#c0a878;
  --serif:'Cormorant Garamond', serif;
  --sans:'Karla', sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
::selection{background:var(--mousse);color:var(--papier)}

/* léger grain de papier sur tout le site */
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1000;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E")}

h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.1}
img{max-width:100%;display:block}
a:focus-visible,button:focus-visible{outline:2px solid var(--mousse);outline-offset:3px}