:root {
  --bg: #080b0d;
  --surface: #0f1419;
  --card: #141a20;
  --card2: #1a2028;
  --border: #1e2832;
  --border2: #243040;
  --accent: #00e5a0;
  --accent-dim: rgba(0,229,160,0.12);
  --accent2: #ff7043;
  --accent3: #4fc3f7;
  --text: #e2eaf4;
  --muted: #5a6d80;
  --danger: #ff4757;
  --warning: #ffd43b;
  --green: #00e5a0;
  --radius: 14px;
  --radius-sm: 9px;
  --nav-h: 60px;
  --tab-h: 58px;
}

*, *::before, *::after { 
  margin: 0; 
  padding: 0; 
  box-sizing: border-box; 
  -webkit-tap-highlight-color: transparent; 
}

html, body {
  font-family: 'DM Sans', sans-serif;
  background: var(--bg);
  color: var(--text);
  min-height: 100dvh;
  overscroll-behavior: none;
  -webkit-font-smoothing: antialiased;
}

body::before {
  content: '';
  position: fixed;
  inset: 0;
  background:
    radial-gradient(ellipse 90% 50% at 5% 10%, rgba(0,229,160,0.035) 0%, transparent 55%),
    radial-gradient(ellipse 60% 70% at 95% 90%, rgba(79,195,247,0.025) 0%, transparent 55%);
  pointer-events: none;
  z-index: 0;
}

::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 4px; }
select { cursor: pointer; }