/* =============================================================================
 * Host palette · 911Myweb (company id = 3)  ·  https://911myweb.com
 * Brand: navy #01223E + gray #474747 + orange #FF7E16 + white.
 * Loaded AFTER main.css. Edita SOLO el bloque "colores base".
 * ========================================================================== */
:root {
  /* ---- Colores base (EDITA AQUÍ) ---------------------------------------- */
  --c-primary: #ff6900;        /* botones / CTA (naranja) */
  --c-primary-rgb: 255, 105, 0;
  --c-primary-hover: #e65e00;
  --c-accent: #ff6900;         /* acento / nav activo */
  --c-accent-rgb: 255, 105, 0;
  --c-dark: #01223e;           /* sidebar + cabeceras de tarjeta navy (inicio degradado) */
  --c-dark-2: #021a30;         /* fin del degradado del sidebar */
  --c-link: #01223e;           /* enlace navy legible sobre blanco */
  --c-link-hover: #e86f0a;
  --c-secondary: #001729;      /* botón secundario (navy oscuro) */

  /* ---- 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);
  --color-secondary: var(--c-secondary);

  --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-rgb: 0, 23, 41;
}

/* 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; }