/* assets/css/base.css */
:root{
  --bg:#070A0F;
  --bg2:#05060A;
  --text:#EAF0FF;
  --muted:#B8C0D6;

  --neon-green:#00ff88;
  --neon-soft: rgba(0,255,136,.18);

  --radius:18px;
  --shadow:0 18px 50px rgba(0,0,0,.45);

  --mono: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --sans: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:var(--sans);
  color:var(--text);
  background:
    radial-gradient(900px 500px at 15% 5%, rgba(0,255,136,.10), transparent 55%),
    radial-gradient(700px 450px at 85% 20%, rgba(120,120,255,.10), transparent 55%),
    linear-gradient(180deg, var(--bg), var(--bg2));
  overflow-x:hidden;
}

.mono-font{font-family:var(--mono)}
.text-neon{color:var(--neon-green)}