/* ══════════════════════════════════════
   VARIABLES & RESET
══════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --bg:#F8F7F4;
  --white:#FFFFFF;
  --off:#F2F1EE;
  --off2:#ECEAE6;
  --line:#E5E3DE;
  --muted:#C3C1BA;
  --dim:#8A8880;
  --mid:#5A5855;
  --text:#1A1916;

  --coin:#C49038;
  --coin-hi:#D4A848;
  --coin-lt:#FAF3E2;
  --coin-bd:rgba(196,144,56,0.2);
  --coin-glow:rgba(196,144,56,0.15);
  --coin-shadow:rgba(196,144,56,0.3);

  --green:#28A06A;
  --green-lt:#EAF7F1;
  --green-bd:rgba(40,160,106,0.2);

  --red-lt:#FFF0EE;
  --red:#C84040;

  --serif:'Lora',Georgia,serif;
  --sans:'Geist',system-ui,sans-serif;
  --mono:'Geist Mono',monospace;

  --spring:cubic-bezier(0.34,1.56,0.64,1);
  --out:cubic-bezier(0.16,1,0.3,1);
  --in-out:cubic-bezier(0.4,0,0.2,1);
}

html{scroll-behavior:smooth}
body{
  font-family:var(--sans);
  background:var(--bg);
  color:var(--text);
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
  overflow:hidden;
}