/**
 * Mu Extinction - Paleta armonizada V2
 * Solo variables de color. No modifica iconos, banderas, imágenes ni fuentes.
 */
:root {
    --bg-color: rgba(18, 21, 25, 1.0);
    --content-bg-color: rgba(32, 37, 43, 1.0);
    --footer-bg-color: rgba(42, 47, 53, 1.0);

    --title-text-color: rgba(239, 139, 24, 1.0);
    --general-text-color: rgba(214, 218, 222, 1.0);
    --link-text-color: rgba(224, 119, 18, 1.0);
    --link-text-color-hover: rgba(255, 174, 66, 1.0);

    --btn-bg-color: rgba(148, 66, 27, 1.0);
    --btn-bg-color-hover: rgba(181, 83, 30, 1.0);
    --btn-border-color: rgba(174, 78, 28, 1.0);
    --btn-border-color-hover: rgba(239, 139, 24, 1.0);
    --btn-text-color: rgba(245, 245, 245, 1.0);

    --navbar-bg-color: rgba(18, 21, 25, 0.90);
    --navbar-bg-color-scrolled: rgba(18, 21, 25, 0.97);
    --navbar-bg-color-mobile: rgba(18, 21, 25, 0.95);
    --navbar-bg-color-scrolled-mobile: rgba(18, 21, 25, 0.98);
    --navbar-text-color: rgba(236, 238, 240, 1.0);
    --navbar-text-color-hover: rgba(255, 174, 66, 1.0);
    --navbar-active-bg-color: rgba(148, 66, 27, 1.0);
    --navbar-active-text-color: rgba(255, 255, 255, 1.0);

    --slider-bg-color: rgba(24, 28, 33, 0.78);
    --slider-title-color: rgba(239, 139, 24, 1.0);
    --slider-text-color: rgba(240, 240, 240, 1.0);

    --usercp-info-bg-color: rgba(42, 47, 53, 1.0);
    --usercp-info-text-color: rgba(239, 241, 243, 1.0);
    --usercp-section-bg-color: rgba(42, 47, 53, 1.0);
    --usercp-section-text-color: rgba(239, 241, 243, 1.0);
    --usercp-item-bg-color: rgba(148, 66, 27, 1.0);
    --usercp-item-bg-color-hover: rgba(181, 83, 30, 1.0);
    --usercp-item-text-color: rgba(255, 255, 255, 1.0);
    --usercp-item-text-color-hover: rgba(255, 255, 255, 1.0);
    --usercp-item-side-bg-color: rgba(42, 47, 53, 1.0);
    --usercp-item-side-bg-color-hover: rgba(181, 83, 30, 1.0);
    --usercp-item-side-text-color: rgba(239, 241, 243, 1.0);
    --usercp-item-side-text-color-hover: rgba(255, 255, 255, 1.0);
    --usercp-item-side-text-special-color: rgba(255, 174, 66, 1.0);
    --usercp-item-side-text-special-color-hover: rgba(255, 205, 120, 1.0);

    --item-color-exc: #2ff387;
    --item-color-socket-opt: #cc33cc;
    --item-color-socket: #cc66cc;
    --item-color-normal: #ffffff;
    --item-color-life-opt: #8cb0ea;
    --item-color-improved: #f4cb3f;
    --item-color-anc: #3c8dde;
    --item-color-anc-setopt: #ffcc66;
    --item-color-nocolor: #f4cb3f;
    --item-color-fenrir: #8cb0ea;
    --item-color-fenrir-gold: #f4cb3f;
    --item-color-errtel-title: #ffffff;
    --item-color-errtel-opt: #8cb0ea;
    --item-color-errtel1: #ff0000;
    --item-color-errtel2: #8cb0ea;
    --item-color-errtel3: #e6bf3c;
    --item-color-errtel4: #26e027;
    --item-color-errtel5: #5b1659;
    --item-tooltip-bg: #20252b;
    --item-name-bg-color: rgba(32, 37, 43, 1.0);
}