/* =============================================================================
 * Host palette · 911fix.com (company id = 5)  ·  https://911fix.com
 * Brand: red #EC0124 + black #000000.
 * ========================================================================== */
:root {
  /* ---- Colores base (EDITA AQUÍ) ---------------------------------------- */
  --c-primary: #ec0124;
  --c-primary-rgb: 236, 1, 36;
  --c-primary-hover: #c4011e;
  --c-accent: #ec0124;
  --c-accent-rgb: 236, 1, 36;
  --c-dark: #141414;
  --c-dark-2: #000000;
  --c-link: #ec0124;
  --c-link-hover: #c4011e;

  /* ---- Mapeo a tokens del tema (no editar) ------------------------------ */
  --brand-primary: var(--c-primary);
  --brand-primary-rgb: var(--c-primary-rgb);
  --brand-primary-hover: var(--c-primary-hover);
  --brand-accent: var(--c-accent);
  --brand-accent-rgb: var(--c-accent-rgb);

  --sidebar-bg: var(--c-dark);
  --sidebar-bg-gradient: linear-gradient(180deg, var(--c-dark) 0%, var(--c-dark-2) 100%);
  --cui-dark: var(--c-dark);
  --cui-dark-start: var(--c-dark);
  --cui-dark-stop: var(--c-dark-2);

  --link-color: var(--c-link);
  --link-hover-color: var(--c-link-hover);

  /* ---- Botones: 1 color de marca para casi todo (danger queda rojo) ----- */
  --color-success: var(--c-primary);
  --color-success-rgb: var(--c-primary-rgb);
  --color-info: var(--c-primary);
  --color-info-rgb: var(--c-primary-rgb);
  --color-warning: var(--c-primary);
  --color-warning-rgb: var(--c-primary-rgb);
  --color-secondary: #000000;
  --color-secondary-rgb: 0, 0, 0;
}

/* main.css pone texto oscuro en info/warning; sobre la marca debe ir blanco. */
.btn-info, .btn-info:hover,
.btn-warning, .btn-warning:hover { color: #fff !important; }