/* Shared baseline — loaded on every page */

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

:root {
  --bg:      #020202; --bg2: #0b0b0b; --bg3: #131313; --panel: #0a0a0a;
  --white:   #f2f2f2; --muted: #7a7a7a; --dim: #464646;
  --rule:    rgba(255,255,255,0.28); --rule2: rgba(255,255,255,0.22);
  --accent:  #f2f2f2; --accent2: #bebebe; --accent3: #878787;
  --green:   #f2f2f2;
  --surface-hover: rgba(255,255,255,0.05);
  --surface-subtle: rgba(255,255,255,0.03);
  --mono: 'JetBrains Mono', monospace;
}

html { scroll-behavior: smooth; }
body {
  background: var(--bg); color: var(--white);
  font-family: var(--mono); font-size: 14px; line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }

::-webkit-scrollbar              { width: 5px; height: 5px; }
::-webkit-scrollbar-track        { background: var(--bg2); }
::-webkit-scrollbar-thumb        { background: var(--dim); }
::-webkit-scrollbar-thumb:hover  { background: var(--muted); }
* { scrollbar-width: thin; scrollbar-color: var(--dim) var(--bg2); }