/* ===========================================
   BASE - Reset, variables, body styles
   =========================================== */

/* --- Reset --- */
* { margin: 0; padding: 0; box-sizing: border-box; }

button, input {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

:root {
  --bg: #000000;
  --text-primary: #eaeef4;
  --text-muted: #8892a8;
  --text-dim: #6b7280;
  --accent-warm: #e6b84a;
  --accent-warm-bright: #f0c95c;
  --accent-warm-rgb: 230, 184, 74;
  --border: #1a1d24;
  --matrix: #4a9f6e;
}

html, body {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar { display: none; }

body {
  font-family: 'Crimson Text', Georgia, serif;
  background: var(--bg);
  color: var(--text-primary);
  min-height: 100vh;
  overflow: hidden;
  cursor: none;
}

body.show-cursor { cursor: default; }

.hidden { display: none !important; }

/* Screen reader only */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}