/* base.css — CSS custom properties, reset, typography */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap');

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

:root{
  /* Palette */
  --void:#030306;--abyss:#080810;--nebula:#0f0f1a;--surface:#16162a;--surface2:#1e1e38;
  --green:#39ff14;--green-dim:rgba(57,255,20,0.2);--green-glow:rgba(57,255,20,0.08);
  --cyan:#00f5ff;--cyan-dim:rgba(0,245,255,0.2);--cyan-glow:rgba(0,245,255,0.08);
  --pink:#ff69b4;--pink-dim:rgba(255,105,180,0.2);
  --purple:#bf40bf;--purple-dim:rgba(191,64,191,0.2);
  --gold:#ffd700;--gold-dim:rgba(255,215,0,0.2);
  --red:#ff1744;--red-dim:rgba(255,23,68,0.2);
  --orange:#ff6b35;
  --spotify:#1DB954;
  /* Glass */
  --glass:rgba(255,255,255,0.03);
  --glass2:rgba(255,255,255,0.05);
  --glass-border:rgba(255,255,255,0.08);
  /* Text */
  --text:#f0f0f8;--text-sub:rgba(240,240,248,0.75);
  --text-dim:rgba(240,240,248,0.5);--text-ghost:rgba(240,240,248,0.22);
  /* Scroll */
  --scroll-y:0;
}

html{scroll-behavior:smooth;font-size:16px}
body{
  background:var(--void);
  color:var(--text);
  font-family:'Inter',sans-serif;
  line-height:1.6;
  overflow-x:hidden;
}
body.reduce-motion *{animation-duration:0.01ms!important;transition-duration:0.01ms!important}

a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
img{display:block;max-width:100%}

/* Scrollbar */
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:var(--abyss)}
::-webkit-scrollbar-thumb{background:rgba(57,255,20,0.25);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:rgba(57,255,20,0.5)}

/* Selection */
::selection{background:rgba(57,255,20,0.25);color:var(--text)}