/**
 * Общие стили для Quiz Trainer
 */

:root {
  /* Цвета */
  --bg-primary: #1a1a2e;
  --bg-secondary: #16213e;
  --text-primary: #eee;
  --text-secondary: #888;
  --accent: #4ecca3;
  --accent-hover: #3db892;
  --success: #4ecca3;
  --error: #e94560;
  --warning: #f39c12;

  /* Размеры */
  --radius: 8px;
  --spacing: 16px;
}

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

body {
  font-family: system-ui, -apple-system, sans-serif;
  background: var(--bg-primary);
  color: var(--text-primary);
  min-height: 100vh;
}

#app {
  padding: var(--spacing);
}

h1 {
  color: var(--accent);
  margin-bottom: var(--spacing);
}

#status {
  position: fixed;
  bottom: 10px;
  right: 10px;
  padding: 8px 12px;
  background: var(--bg-secondary);
  border-radius: var(--radius);
  font-size: 12px;
  color: var(--text-secondary);
}

#status.connected {
  color: var(--success);
}

#status.disconnected {
  color: var(--error);
}