:root{
  /* Palette: Graphite + Paper + Electric Blue */
  --bg:#0B0D10;
  --surface:#12161C;
  --surface2:#0F1318;
  --text:#E8EEF6;
  --muted:#A7B3C4;
  --border:#222A35;
  --accent:#4EA1FF;
  --accent2:#84BEFF;

  --shadow: 0 10px 30px rgba(0,0,0,.35);
  --radius: 18px;

  --h: "Space Grotesk", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --b: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:var(--b);
  color:var(--text);
  background:
    radial-gradient(1200px 800px at 20% 0%, rgba(78,161,255,.12), transparent 55%),
    radial-gradient(900px 600px at 80% 10%, rgba(132,190,255,.08), transparent 50%),
    var(--bg);
  line-height:1.55;
}

a{color:var(--accent); text-decoration:none}
a:hover{color:var(--accent2)}
.muted{color:var(--muted)}
.sep{color:rgba(167,179,196,.45)}