:root {
  --primary: #dc2626;
  --primary-dark: #b91c1c;
  --primary-light: #ef4444;
  --green: #16a34a;
  --green-dark: #15803d;
  --bg: #111111;
  --card: #1e1e1e;
  --surface: #252525;
  --surface-hover: #2e2e2e;
  --border: #333333;
  --border-light: #3a3a3a;
  --text: #ffffff;
  --text-secondary: #a0a0a0;
  --text-muted: #999999;
  --overlay: rgba(0,0,0,0.75);
  --shadow: 0 4px 20px rgba(0,0,0,0.4);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.55);
  --radius: 16px;
  --radius-sm: 12px;
  --radius-xs: 8px;
  --transition: all 0.28s cubic-bezier(0.4,0,0.2,1);
}

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

body {
  font-family: 'Inter', sans-serif;
  background: var(--bg);
  color: var(--text);
  min-height: 100vh;
}