/**

 * Paleta del entorno autenticado — manual de marca Alegato.

 * Naranja #E94E1A · Tinta #1A1714 · Papel #FBF8F3

 * Superficies, roles y estados: panel-colors.css + panel-status.css

 * La landing usa landing-colors.css.

 */

:root {

    /* — Naranja Alegato (PANTONE 173 C) — */

    --brand-orange: #E94E1A;

    --brand-orange-dark: #C63E10;

    --brand-orange-hover: #ED7344;

    --brand-orange-soft: #F09674;

    --brand-orange-50: #FEF2EE;

    --brand-orange-100: #FBDFD4;

    --brand-orange-200: #F6BBA6;

    --brand-orange-rgb: 233, 78, 26;



    --brand-tinta: #1A1714;

    --brand-papel: #FBF8F3;



    --brand-gradient-primary: linear-gradient(135deg, var(--brand-orange-dark) 0%, var(--brand-orange) 100%);

    --brand-gradient-warm: linear-gradient(145deg, var(--brand-orange) 0%, var(--brand-orange-dark) 100%);



    --radius-access-btn: 8px;



    /* — Tinta (fondos oscuros / atmósfera) — */

    --brand-navy: #2A2622;

    --brand-navy-deep: #1A1714;

    --brand-navy-mid: #3D3832;

    --brand-navy-soft: #24201C;

    --brand-blue-rgb: 26, 23, 20;

    --brand-blue-50: #F5F1EB;

    --brand-blue-100: #E8E2D9;



    --primary: var(--brand-orange-dark);

    --primary-bright: var(--brand-orange);

    --primary-hover: var(--brand-orange-hover);

    --accent-section: var(--brand-orange-50);

    --orange-100: var(--brand-orange-100);



    --o: var(--brand-orange);

    --od: var(--brand-orange-dark);

    --o-h: var(--brand-orange-hover);

    --o-50: var(--brand-orange-50);

    --o-100: var(--brand-orange-100);

    --o-200: var(--brand-orange-200);

}

[data-theme="dark"] {
    --brand-orange-50: rgba(237, 115, 68, 0.16);
    --brand-orange-100: rgba(237, 115, 68, 0.26);
    --brand-orange-200: rgba(237, 115, 68, 0.38);
}