/* Tema de TEST (29/10): misma marca en una variante ROJA (la del ícono de test) para que el panel
   de test.haceloia.com.ar no se confunda con PROD. App.razor lo carga ÚLTIMO y solo con
   ASPNETCORE_ENVIRONMENT=Test; pisa los tokens del naranja (tokens.css y app.css). */
:root {
    --gi-primary:       #D63A4A;
    --gi-primary-hover: #B52D3C;
    --gi-accent:        #FDECEE;
    --gi-accent-fg:     #A3262F;
    --gi-ring:          rgba(214, 58, 74, 0.35);

    --brand:            #D63A4A;
    --brand-dark:       #B52D3C;
    --brand-darker:     #8F2230;
    --brand-light:      #E8697A;
    --brand-subtle:     rgba(214, 58, 74, 0.10);
    --brand-subtle2:    rgba(214, 58, 74, 0.06);
}

:root[data-theme="dark"] {
    --gi-primary:       #E0525F;
    --gi-primary-hover: #EB7A85;
    --gi-accent:        rgba(214, 58, 74, 0.16);
    --gi-accent-fg:     #F87171;
    --gi-ring:          rgba(214, 58, 74, 0.45);

    --brand-subtle:     rgba(214, 58, 74, 0.18);
    --brand-subtle2:    rgba(214, 58, 74, 0.12);
}

/* Login (login-split.css trae el naranja fijo, sin tokens, y se carga DESPUÉS desde la página: el «html» le gana por especificidad) */
html .lg2-name span, html .lg2-claim h2 em { color: #E8697A; }
html .lg2-eyebrow span { background: #D63A4A; }
html .lg2-head h1 em, html .lg2-labelrow .lg-forgot:hover, html .lg2-btn--ghost, html .lg2-signup a { color: #B52D3C; }
html .lg2 input:focus { border-color: #D63A4A; box-shadow: 0 0 0 3px rgba(214, 58, 74, 0.18); }
html .lg2-remember input { accent-color: #D63A4A; }
html .lg2-btn { background: linear-gradient(100deg, #B52D3C, #D63A4A 55%, #E8697A); box-shadow: 0 12px 26px rgba(214, 58, 74, 0.3); }
html .lg2-btn:hover { box-shadow: 0 16px 32px rgba(214, 58, 74, 0.38); }
html .lg2-btn--ghost { background: none; box-shadow: none; }
html .lg2-btn--ghost:hover { background: rgba(214, 58, 74, 0.05); box-shadow: none; }