:root{
  --bg-gradient: linear-gradient(135deg, #7f1d1d, #dc2626, #ef4444);
  --card-bg: #ffffff;
  --primary: #b91c1c;
  --primary-hover: #991b1b;
  --text-dark: #111827;
}

html, body{
  height: 100%;
}

body{
  margin: 0;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial;
  background: var(--bg-gradient);
  background-attachment: fixed;
}

/* Tarjetas */
.card{
  background: var(--card-bg);
}

/* Botones */
button,
.btn,
.btnPrimary{
  background: var(--primary) !important;
  border: none;
  color: #fff !important;
  font-weight: 700;
  cursor: pointer;
}

button:hover,
.btn:hover,
.btnPrimary:hover{
  background: var(--primary-hover) !important;
}

/* Links */
a{
  color: var(--primary);
  text-decoration: none;
  font-weight: 600;
}

/* Tablas */
table{
  width:100%;
  border-collapse:collapse;
}

th{
  background:#fef2f2;
}

th,td{
  padding:10px;
  border-bottom:1px solid #eee;
}