@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Inter:wght@300;400;500;600&display=swap');

:root {
  --bg:        #0a0a0a;
  --bg2:       #111111;
  --bg3:       #181818;
  --border:    #1f1f1f;
  --accent:    #00ff88;
  --accent2:   #00cc66;
  --dim:       #444444;
  --muted:     #888888;
  --text:      #d4d4d4;
  --text-hi:   #f0f0f0;
  --mono:      'Share Tech Mono', monospace;
  --sans:      'Inter', sans-serif;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--sans);
  font-size: 18px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--accent); text-decoration: none; }
a:hover { color: var(--accent2); }
h1, h2, h3, h4 { font-family: var(--mono); color: var(--text-hi); line-height: 1.2; }
code, .mono { font-family: var(--mono); font-size: em; }
::selection { background: var(--accent); color: #000; }
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }