/* ═══════════════════════════════════════════════════════════════════
   BASE — Reset · Variables · Global
═══════════════════════════════════════════════════════════════════ */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html,body{height:100%;}
html{scrollbar-width:none;-ms-overflow-style:none;}
html::-webkit-scrollbar{display:none;}

:root{
  --black:#000;
  --bg:#050505;
  --bg-2:#0a0a0a;
  --bg-3:#111;
  --line:rgba(255,255,255,.08);
  --line-2:rgba(255,255,255,.15);
  --white:#f5f4f0;
  --gray-100:#d0d0cc;
  --gray-200:#a8a8a4;
  --gray-300:#7a7a76;
  --gray-400:#4a4a48;
  --gray-500:#2a2a28;
  --accent:#00d4ff;
  --accent-soft:rgba(0,212,255,.12);
  --accent-2:#7b61ff;
  --font-d:'Syne',sans-serif;
  --font-m:'DM Mono',monospace;
  --font-s:'Instrument Serif',serif;
}

body{
  background:var(--bg);
  color:var(--white);
  font-family:var(--font-d);
  line-height:1.4;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
::selection{background:var(--accent);color:#000;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
button{font-family:inherit;cursor:pointer;}

/* ─── GRAIN OVERLAY ─── */
body::after{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:9000;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E");
  opacity:.5;mix-blend-mode:overlay;
}