/* ══════════════════════════════════════════════════════════════════════════
   Timbre — app. Mêmes fondations que le site (SITE2/site.css) :
   crème, encre, violet ; Instrument Serif / Clash Display / Inter.
   ══════════════════════════════════════════════════════════════════════════ */

@font-face{font-family:'Clash Display';src:url('../assets/fonts/ClashDisplay-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Clash Display';src:url('../assets/fonts/ClashDisplay-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Clash Display';src:url('../assets/fonts/ClashDisplay-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}

:root{
  --creme:#F7F6F2;
  --creme-carte:#EFEDE7;
  --encre:#0E1117;
  --encre-2:#16161E;
  --violet:#8E7BFF;
  --violet-fonce:#7B5CF6;
  --violet-pale:#EDE9FF;
  --texte-2:#4A4A52;
  --texte-3:#8A8A94;
  --ok:#3D8B60;
  --alerte:#C0392B;
  --ambre:#B07C22;

  --serif:'Instrument Serif',Georgia,serif;
  --display:'Clash Display','Inter',system-ui,sans-serif;
  --sans:'Inter',system-ui,-apple-system,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,monospace;

  /* ── v5 « Sans friction » ──
     L'action passe au violet foncé (#6B45DE) : plus lisible sur blanc que
     l'ancien #8E7BFF, qui reste la teinte de marque des fonds et filigranes.
     Les cartes deviennent blanches sur crème, et les états ont des encres
     assez sombres pour être lues, pas seulement devinées. */
  --action:#6B45DE;
  --action-fonce:#5B37C4;
  --action-pale:#EDE9FF;
  --carte:#fff;
  --gris:#6B6B75;
  --vert:#2F6B4A;
  --vert-fond:#3D8B6014;
  --vert-bord:#3D8B6033;
  --ambre-encre:#7E5814;
  --ambre-fond:#B07C221f;
  --ambre-bord:#7E581440;
  --rouge:#96271A;
  --rail:238px;
  --panneau-l:428px;

  --marge:clamp(20px,5vw,64px);
  --ease:cubic-bezier(.16,1,.3,1);
  --entete-h:68px;
  --rayon:18px;
  --bord:#0E11170f;
  --bord-2:#0E111714;
}

*,*::before,*::after{box-sizing:border-box}

body{
  margin:0;
  background:var(--creme);
  color:var(--encre);
  font-family:var(--sans);
  font-weight:300;
  font-size:15px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

h1,h2,h3,h4,p,dl,dd,figure{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit;color:inherit}

::selection{background:var(--violet);color:#fff}
:focus-visible{outline:2px solid var(--violet);outline-offset:3px;border-radius:4px}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}