:root {
  --gc-primary-rgb: 74 144 164;
}

/* Topbar gradient, alineado con el header de Django admin */
.gc-topbar {
  background: linear-gradient(90deg, #0f766e, #0ea5e9);
}

/* Botones y fondos principales */
.bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gc-primary-rgb) / var(--tw-bg-opacity));
}

.hover\:bg-primary-dark:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(52 113 130 / var(--tw-bg-opacity)); /* un poco más oscuro */
}

/* estados active/focus ligeramente más oscuros */
.bg-primary:active,
.hover\:bg-primary-dark:active {
  --tw-bg-opacity: 1;
  background-color: rgb(45 98 113 / var(--tw-bg-opacity));
}

/* Links de acción */
.text-primary {
  color: rgb(var(--gc-primary-rgb) / 1);
}

.text-primary:hover {
  color: rgb(52 113 130 / 1);
}

/* Para iconos o bordes con primary */
.border-primary {
  border-color: rgb(var(--gc-primary-rgb) / 1);
}

.focus\:ring-primary:focus {
  --tw-ring-color: rgb(var(--gc-primary-rgb) / 0.4);
}