/* ============================================================
   PALETTE SÉCURE À VIE — crème / brun / tan-or
   ============================================================ */
:root{
  --creme:#F6F1E7;          /* fond principal */
  --creme-panneau:#FFFDF7;  /* cartes et panneaux */
  --creme-fonce:#EDE5D4;    /* fonds secondaires, lignes de tableau */
  --brun:#3A2D21;           /* texte principal, sidebar */
  --brun-sidebar:#2C221A;   /* fond de la barre latérale */
  --brun-moyen:#6A5844;     /* texte secondaire */
  --brun-pale:#9C8B74;      /* texte tertiaire, légendes */
  --or:#C29B3C;             /* accent tan-or */
  --or-pale:#E7D7AC;        /* fonds d'accent */
  --or-fonce:#9A7A28;       /* accent survol */
  --vert:#4E7A50;           /* positif / vendu / payé */
  --vert-pale:#DCE8DA;
  --rouge:#A8402F;          /* négatif / refusé / annulation */
  --rouge-pale:#F0DAD4;
  --bleu:#4A6B8A;           /* neutre-info / en cours */
  --bleu-pale:#DBE4EC;
  --jaune-pale:#F3E8C8;     /* en attente */
  --ombre:0 2px 10px rgba(58,45,33,.08);
  --ombre-haute:0 8px 30px rgba(58,45,33,.16);
  --rayon:10px;
  --transition:all .18s ease;
}
*{margin:0;padding:0;box-sizing:border-box}
html{font-size:15px}
body{
  font-family:'Inter',system-ui,sans-serif;
  background:var(--creme);
  color:var(--brun);
  line-height:1.5;
}
h1,h2,h3,h4{font-family:'Space Grotesk',sans-serif;letter-spacing:-.01em}
.mono{font-family:'JetBrains Mono',monospace}
button{font-family:inherit;cursor:pointer}
input,select,textarea{font-family:inherit;font-size:.93rem}
:focus-visible{outline:2px solid var(--or);outline-offset:2px}