/* css/marca.css
   Color de marca de Don Pedido — se carga DESPUÉS de style.css a propósito,
   para que gane sobre cualquier azul/turquesa que traiga el tema base o que
   hayamos usado a mano en módulos individuales. Un solo lugar para cambiar
   el color de toda la app en el futuro. */

:root {
  --primary: #D14E16 !important;
  --secondary: #E4670D !important;
  --primary-hover: #b5410f !important;
  --primary-dark: #8a3209 !important;
  --rgba-primary-1: rgba(209, 78, 22, 0.1) !important;
  --rgba-primary-2: rgba(209, 78, 22, 0.2) !important;
  --rgba-primary-3: rgba(209, 78, 22, 0.3) !important;
  --rgba-primary-4: rgba(209, 78, 22, 0.4) !important;
  --rgba-primary-5: rgba(209, 78, 22, 0.5) !important;
  --rgba-primary-6: rgba(209, 78, 22, 0.6) !important;
  --rgba-primary-7: rgba(209, 78, 22, 0.7) !important;
  --rgba-primary-8: rgba(209, 78, 22, 0.8) !important;
  --rgba-primary-9: rgba(209, 78, 22, 0.9) !important;
}

.btn-primary,
.badge-primary,
.bg-primary,
.btn-check:checked + .btn-outline-primary,
.btn-outline-primary:hover {
  background-color: #D14E16 !important;
  border-color: #D14E16 !important;
  color: #fff !important;
}

.text-primary { color: #D14E16 !important; }
.border-primary { border-color: #D14E16 !important; }
.btn-outline-primary { color: #D14E16 !important; border-color: #D14E16 !important; }

a { color: #D14E16; }
a:hover { color: #b5410f; }