@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap');

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

:root {
  --bg: #0a0e14;
  --surface: #131820;
  --surface2: #1a2332;
  --surface3: #1f2d42;
  --border: rgba(255,255,255,0.08);
  --border2: rgba(255,255,255,0.14);
  --text: #e8edf5;
  --muted: #6b7f96;
  --accent: #3d9aff;
  --accent2: #00d4a0;
  --warn: #f59e0b;
  --danger: #ef4444;
  --organic: #22c55e;
  --recycle: #3b82f6;
  --sanitary: #a855f7;
  --special: #f97316;
}

body {
  font-family: 'DM Sans', system-ui, sans-serif;
  background: var(--bg);
  color: var(--text);
  min-height: 100vh;
  overflow-x: hidden;
}

/* Scrollbar personalizado */
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border2); border-radius: 2px; }
