/*
 * Tema Solunion — Design tokens
 * Identidad real Solunion: púrpura corporativo + acento magenta.
 * Color primario extraído del logo oficial (#500070).
 * Referencia: https://solunion.com
 */

:root {
    /* Primarios — púrpura del logo */
    --brand-primary:       #500070;   /* Púrpura corporativo (logo Solunion) */
    --brand-primary-dark:  #3a0052;
    --brand-primary-light: #6e2a8f;

    /* Acento — magenta/fucsia vibrante */
    --brand-accent:        #e6007e;
    --brand-accent-dark:   #b80065;
    --brand-accent-light:  #ff3d9e;

    /* Neutrales (grises levemente cálidos para acompañar el púrpura) */
    --brand-surface:       #ffffff;
    --brand-surface-alt:   #f6f3f9;
    --brand-border:        #e0d7e8;
    --brand-text:          #241a2e;
    --brand-text-muted:    #6b6475;

    /* Semánticos */
    --brand-success:       #22a06b;
    --brand-warning:       #f59e0b;
    --brand-danger:        #dc2626;
    --brand-info:          #0ea5e9;

    /* Sidebar */
    --sidebar-bg:          var(--brand-primary);
    --sidebar-text:        #efe6f5;
    --sidebar-active-bg:   var(--brand-primary-light);
    --sidebar-hover-bg:    rgba(255,255,255,0.10);

    /* Override Bootstrap */
    --bs-primary:          var(--brand-primary);
    --bs-primary-rgb:      80, 0, 112;
    --bs-link-color:       var(--brand-primary);
}

/* Bootstrap primary override */
.btn-primary {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
}
.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--brand-primary-dark);
    border-color: var(--brand-primary-dark);
}

.text-primary  { color: var(--brand-primary) !important; }
.bg-primary    { background-color: var(--brand-primary) !important; }
.border-primary{ border-color: var(--brand-primary) !important; }