/* Variables, tipografía y reinicio. Lo que aplica a todo. */

:root {
  --bg-app: #060611;
  --bg-panel: #0f0f22;
  --bg-card: #131328;
  --bg-hover: #191934;
  --border: #23233f;
  --text: #f3f3f8;
  --text-muted: #9797b8;
  --purple: #8b5cf6;
  --blue: #4f7cff;
  --gradient: linear-gradient(135deg, #8b5cf6 0%, #4f7cff 100%);
  --green: #22c55e;
  --red: #ef4444;
  --yellow: #f59e0b;
}



* { box-sizing: border-box; }



body {
  margin: 0;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  background: var(--bg-app);
  color: var(--text);
}