/* ==========================================================
   BASE — variables, reset, typographie de base
   (chargé en premier)
========================================================== */

:root{
  --pine:#15352e;
  --pine-dark:#0d221d;
  --paper:#f6f1e7;
  --panel:#fffdf8;
  --gold:#b3902a;
  --gold-light:#e4c869;
  --ink:#18160f;
  --muted:#6e6858;
  --line:#dcd3ba;

  --shadow:0 10px 28px rgba(21,53,46,.08);
  --radius:6px;
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }

body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:Inter,Arial,sans-serif;
}

button,input,select,textarea{ font:inherit; }
button{ cursor:pointer; }

.app{ min-height:100vh; background:var(--paper); }