/* =========================================================================
   El Gauchito · Paleta de marca
   -------------------------------------------------------------------------
   Override de las variables CSS del template (site.css). Cargar este archivo
   DESPUÉS del site.css para que pisen los valores indigo/cyan por defecto.

   Paleta oficial (mayoristaelgauchito.com):
     - Naranja:  #ff6b1a   (CTA, brand primario)
     - Amarillo: #fcd116   (highlights)
     - Violeta:  #6a1b9a   (acento secundario, sidebar)
     - Azul:     #1f3b9c   (acento, topbar)
   ========================================================================= */

/* ---------- TEMA CLARO ---------- */
:root,
[data-bs-theme="light"] {
    --pl-primary:         #ff6b1a;            /* naranja gauchito */
    --pl-primary-600:     #e0561a;
    --pl-primary-rgb:     255, 107, 26;

    --pl-accent:          #1f3b9c;            /* azul gauchito */
    --pl-accent-rgb:      31, 59, 156;

    --pl-warning:         #fcd116;            /* amarillo gauchito */

    --pl-sidebar-bg:      #2d1b6e;            /* violeta oscuro */
    --pl-sidebar-bg-2:    #1a0f47;            /* violeta más oscuro */
    --pl-sidebar-text:    #e8d8ff;
    --pl-sidebar-text-muted: #a98bd1;
    --pl-sidebar-active-bg: linear-gradient(135deg, rgba(255,107,26,.30), rgba(252,209,22,.18));
    --pl-sidebar-active-bar: linear-gradient(180deg, #ff6b1a, #fcd116);
}

/* ---------- TEMA OSCURO ---------- */
[data-bs-theme="dark"] {
    --pl-primary:         #ff8a4a;            /* naranja un poco más claro en dark */
    --pl-primary-600:     #ff6b1a;
    --pl-primary-rgb:     255, 138, 74;

    --pl-accent:          #4d6bd5;            /* azul más claro en dark */
    --pl-accent-rgb:      77, 107, 213;

    --pl-warning:         #fcd116;

    --pl-sidebar-bg:      #1a0f47;
    --pl-sidebar-bg-2:    #0f0626;
    --pl-sidebar-text:    #e8d8ff;
    --pl-sidebar-text-muted: #8b6db5;
    --pl-sidebar-active-bg: linear-gradient(135deg, rgba(255,138,74,.30), rgba(252,209,22,.20));
    --pl-sidebar-active-bar: linear-gradient(180deg, #ff8a4a, #fcd116);
}

/* ---------- Branding del topbar y elementos puntuales ---------- */
.brand-gradient-text {
    background: linear-gradient(90deg, #ff6b1a, #fcd116);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.brand-logo .brand-text {
    background: linear-gradient(90deg, #ff6b1a, #fcd116);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 700;
}

/* Botón primario con la mezcla naranja → amarillo característica del Gauchito */
.btn-primary,
.btn-pl-primary {
    background: linear-gradient(135deg, #ff6b1a 0%, #ff8a4a 100%) !important;
    border-color: #e0561a !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-pl-primary:hover {
    background: linear-gradient(135deg, #e0561a 0%, #ff6b1a 100%) !important;
    border-color: #c44a16 !important;
}

.btn-primary:active,
.btn-pl-primary:active {
    background: #c44a16 !important;
    border-color: #a83e0e !important;
}

/* Acento azul para links y estados activos */
a {
    color: var(--pl-accent);
}

a:hover {
    color: var(--pl-primary);
}