:root {
  --bg: #0A0A0B;
  --black: #000000;
  --white: #FFFFFF;
  --lime: #CAFF00;
  --gray-950: #0F0F11;
  --gray-900: #141417;
  --gray-850: #1A1A1E;
  --gray-800: #232328;
  --gray-700: #2E2E35;
  --gray-600: #3A3A42;
  --gray-500: #6B6B7A;
  --gray-400: #9898A8;
  --gray-300: #C4C4CE;
  --yellow: #FFD60A;
}

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

html {
  scroll-behavior: smooth;
}

body {
  background: var(--bg);
  color: var(--gray-400);
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: var(--gray-700); border-radius: 3px; }
::selection { background: rgba(202,255,0,0.25); color: var(--white); }

a { color: inherit; }
button { cursor: pointer; }

@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }