/* base.css - separated from style.css */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
*{margin:0;padding:0;box-sizing:border-box}

:root{
  --bg:#050914;--bg2:rgba(15,22,40,0.95);--bg3:rgba(20,30,55,0.8);
  --glass:rgba(255,255,255,0.04);--glass2:rgba(255,255,255,0.08);
  --border:rgba(255,255,255,0.07);--border2:rgba(99,160,255,0.25);
  --blue:#3b82f6;--blue2:#2563eb;--blue3:#60a5fa;--blue4:#93c5fd;
  --accent:#22c55e;--accent2:#4ade80;
  --text:#f0f4ff;--text2:#94a3b8;--text3:#64748b;
  --red:#f87171;--green:#4ade80;--amber:#fbbf24;--cyan:#22d3ee;--purple:#a78bfa;
}

html,body{height:100%}

body{background:var(--bg);color:var(--text);font-family:'Inter',sans-serif;height:100vh;display:flex;flex-direction:column;overflow:hidden;margin:0}

body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at 50% -20%,rgba(37,99,235,0.12),transparent),radial-gradient(ellipse 50% 40% at 80% 80%,rgba(34,197,94,0.05),transparent);pointer-events:none;z-index:0}

::-webkit-scrollbar{width:10px;height:10px}

::-webkit-scrollbar-track{background:rgba(255,255,255,0.02)}

::-webkit-scrollbar-thumb{background:rgba(99,160,255,0.3);border-radius:5px;border:2px solid transparent;background-clip:padding-box}

::-webkit-scrollbar-thumb:hover{background:rgba(99,160,255,0.5);background-clip:padding-box;border:2px solid transparent}

@media (prefers-reduced-motion: reduce){
  *,::before,::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}