/*
 * ─────────────────────────────────────────────────────────────────────────────
 *  CLIENTO — Color primario
 *
 *  Para cambiar el color de la app, edita SOLO las dos variables de abajo:
 *
 *    --cliento-primary        → valor hex  (ej. #0ea5e9)
 *    --cliento-primary-rgb    → los mismos tres canales R, G, B separados
 *                               por coma     (ej. 14, 165, 233)
 *
 *  El resto se aplica automáticamente.
 * ─────────────────────────────────────────────────────────────────────────────
 */

:root {
    --cliento-primary:     #17c1a4;
    --cliento-primary-rgb: 23, 193, 164;
}

/* ── Propagación al sistema de diseño de Vuexy (Bootstrap + tema) ── */

:root,
[data-bs-theme="light"],
[data-bs-theme="dark"] {
    --bs-primary:                  var(--cliento-primary);
    --bs-primary-rgb:              var(--cliento-primary-rgb);

    /* énfasis, sutiles y contraste */
    --bs-primary-text-emphasis:    color-mix(in sRGB, var(--cliento-primary) 60%, #000);
    --bs-primary-bg-subtle:        color-mix(in sRGB, var(--cliento-primary) 15%, #fff);
    --bs-primary-border-subtle:    color-mix(in sRGB, var(--cliento-primary) 40%, #fff);
    --bs-primary-contrast:         #fff;

    /* link personalizado del tema */
    --bs-custom-link-color:        var(--cliento-primary);
}