:root {
  --bg-primary: #0b132b;
  --bg-secondary: #1c2541;
  --accent-gold: #d4af37;
  --accent-gold-bright: #f1c40f;
  --text-light: #f4f4f6;
  --border-gold: rgba(212, 175, 55, 0.4);
}

body {
  background-color: var(--bg-primary);
  color: var(--text-light);
  font-family: 'Helvetica Neue', Arial, sans-serif;
}

/* Encabezados y Títulos */
h1, h2, h3 {
  color: var(--accent-gold-bright);
}

/* Tarjetas o Contenedores */
.card {
  background-color: var(--bg-secondary);
  border-top: 4px solid var(--accent-gold);
  border-radius: 8px;
  padding: 20px;
}

/* Botón Principal */
.btn-primary {
  background: linear-gradient(135deg, #d4af37 0%, #f1c40f 100%);
  color: #0b132b;
  font-weight: bold;
  border: none;
  padding: 12px 24px;
  border-radius: 6px;
  cursor: pointer;
}