:root {
  --color-primary: #ef4444;
  --color-primary-contrast: #ffffff;
  --color-bg: #000000;
  --color-surface: #121212;
  --color-text: #ffffff;
  --color-muted: #a1a1aa;
  --color-primary-rgb: 239, 68, 68;
  --color-text-rgb: 255, 255, 255;
  --color-bg-rgb: 0, 0, 0;
  --font-body: "Inter", system-ui, sans-serif;
  --radius: 12px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--color-bg); color: var(--color-text); font-family: var(--font-body); -webkit-font-smoothing: antialiased; }
img, video { max-width: 100%; }
button, input, select { font: inherit; color: inherit; }
.token-border { border-color: rgba(var(--color-text-rgb), 0.15); }
.token-border-soft { border-color: rgba(var(--color-text-rgb), 0.08); }
.token-panel { background: var(--color-surface); }
.token-overlay { background: rgba(var(--color-bg-rgb), 0.85); backdrop-filter: blur(10px); }
.upload-zone.is-dragging { border-color: var(--color-primary); background: rgba(var(--color-primary-rgb), 0.1); }