/* ============ Repeater Atlas — shared styles ============ */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root{
  --green:#44E594;
  --green-dim:#2f9c66;
  --green-deep:#16361f;
  --paper:#F0ECE2;
  --ink:#0a0b0c;
  --panel:#121417;
  --panel-2:#171a1e;
  --panel-3:#1e2228;
  --line:#2a2f36;
  --line-2:#363c44;
  --grey:#8a9099;
  --grey-2:#5d646d;
  --white:#ffffff;
  --sans:'Space Grotesk',system-ui,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,monospace;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--ink);
  color:var(--paper);
  font-family:var(--sans);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit;text-decoration:none}
::selection{background:var(--green);color:var(--ink)}

/* scrollbars */
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:10px;border:2px solid var(--ink)}
*::-webkit-scrollbar-thumb:hover{background:var(--grey-2)}

.mono{font-family:var(--mono)}
.eyebrow{
  font-family:var(--mono);
  font-size:11px;letter-spacing:.28em;text-transform:uppercase;
  color:var(--green);font-weight:500;
}
.muted{color:var(--grey)}
