/* ── BASE ──────────────────────────────────────────────────────────────────
   Tokens, reset, html/body, noise overlay
   ──────────────────────────────────────────────────────────────────────── */

:root {
  --page-pad:  48px;
  --canvas:    #2d3135;
  --deep:      #0b1014;
  --text:      #ffffff;
  --muted:     #9ca3a8;
  --border:    #3d4347;
  --accent:    #dbff00;
  --light:     #efefef;
  --dark-text: #111111;
  --mono:      'IBM Plex Mono', monospace;
  --serif:     'Geist', 'Helvetica Neue', Arial, sans-serif;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
}

html.lenis        { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }

::selection {
  background: #ffffff;
  color: #2d3135;
}

body {
  background: var(--canvas);
  color: var(--text);
  font-family: var(--serif);
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.025em;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}