:root:is([data-theme="dark"]) {
    /* --- MISC (Fondos grises con sutil tinte azulado y algo más claros) --- */
    --color-transparent:   #FFFFFF00;
    --color-white:         #2B2D38; /* Fondo principal más claro, sutil azul */
    --color-white-rgb:     43, 45, 56;
    --color-darkwhite:     #363945; /* Fondos secundarios (paneles, tarjetas) */
    --color-darkwhite-rgb: 54, 57, 69;
    --color-lightgrey:     #494C59; /* Bordes o separadores */
    --color-lightgrey-rgb: 73, 76, 89;
    --color-grey:          #A6AAB5; /* Textos secundarios o mutados */
    --color-grey-rgb:      166, 170, 181;
    --color-darkgrey:      #D9DCE3; /* Textos importantes no principales */
    --color-darkgrey-rgb:  217, 220, 227;
    --color-black:         #FFFFFF; /* Texto principal (blanco puro) */
    --color-black-rgb:     255, 255, 255;
    --color-lightblack:    #F0F2F7; /* Títulos o textos destacados (ligerísimo tinte frío) */
    --color-lightblack-rgb:240, 242, 247;
    --color-lightblue:     #21232B; /* Zonas de fondo aún más oscuras */
    --color-lightblue-rgb: 33, 35, 43;

    /* --- MAIN --- */
    --color-main:               #737EE6;
    --color-main-rgb:           115, 126, 230;
    --color-lightmain:          #2A2D5C;
    --color-lightmain-rgb:      42, 45, 92;
    --color-darkmain:           #B5BEFF;
    --color-darkmain-rgb:       181, 190, 255;

    /* --- SECONDARY (Azul claro) --- */
    --color-secondary:          #5CBAF2;
    --color-secondary-rgb:      92, 186, 242;
    --color-lightsecondary:     #1A4561;
    --color-lightsecondary-rgb: 26, 69, 97;
    --color-darksecondary:      #A3D8FA;
    --color-darksecondary-rgb:  163, 216, 250;

    /* --- INFO (Morado) --- */
    --color-info:               #5E186B;
    --color-info-rgb:           94, 24, 107;
    --color-lightinfo:          #2E0B36;
    --color-lightinfo-rgb:      46, 11, 54;
    --color-darkinfo:           #C26AD4;
    --color-darkinfo-rgb:       194, 106, 212;

    /* --- DANGER (Rojo) --- */
    --color-danger:             #8A252F;
    --color-danger-rgb:         138, 37, 47;
    --color-lightdanger:        #471217;
    --color-lightdanger-rgb:    71, 18, 23;
    --color-darkdanger:         #E87B86;
    --color-darkdanger-rgb:     232, 123, 134;

    /* --- SUCCESS (Verde) --- */
    --color-success:            #1E6B30;
    --color-success-rgb:        30, 107, 48;
    --color-lightsuccess:       #0F3818;
    --color-lightsuccess-rgb:   15, 56, 24;
    --color-darksuccess:        #71C986;
    --color-darksuccess-rgb:    113, 201, 134;

    /* --- WARNING (Naranja) --- */
    --color-warning:            #A35F1A;
    --color-warning-rgb:        163, 95, 26;
    --color-lightwarning:       #54300C;
    --color-lightwarning-rgb:   84, 48, 12;
    --color-darkwarning:        #EDAA68;
    --color-darkwarning-rgb:    237, 170, 104;

    /* --- BROWN (Marrón) --- */
    --color-brown:              #4A2B1F;
    --color-brown-rgb:          74, 43, 31;
    --color-lightbrown:         #261610;
    --color-lightbrown-rgb:     38, 22, 16;
    --color-darkbrown:          #B58775;
    --color-darkbrown-rgb:      181, 135, 117;

    /* --- YELLOW (Amarillo / Mostaza oscuro) --- */
    --color-yellow:             #918112;
    --color-yellow-rgb:         145, 129, 18;
    --color-lightyellow:        #4A4206;
    --color-lightyellow-rgb:    74, 66, 6;
    --color-darkyellow:         #E8D766;
    --color-darkyellow-rgb:     232, 215, 102;

    /* --- GRADIENTS --- */
    --gradient-linear-0-main:     0deg, rgba(var(--color-main-rgb), 1) 0, rgba(var(--color-main-rgb), .7);
    --gradient-linear-90-main:   90deg, rgba(var(--color-main-rgb), 1) 0, rgba(var(--color-main-rgb), .7);
    --gradient-linear-135-main: 135deg, rgba(var(--color-main-rgb), 1) 0, rgba(var(--color-main-rgb), .7);
    --gradient-linear-180-main: 180deg, rgba(var(--color-main-rgb), 1) 0, rgba(var(--color-main-rgb), .7);
    --gradient-linear-225-main: 225deg, rgba(var(--color-main-rgb), 1) 0, rgba(var(--color-main-rgb), .7);
    --gradient-linear-270-main: 270deg, rgba(var(--color-main-rgb), 1) 0, rgba(var(--color-main-rgb), .7);
    --gradient-linear-315-main: 315deg, rgba(var(--color-main-rgb), 1) 0, rgba(var(--color-main-rgb), .7);

    --gradient-linear-225-secondary: 225deg, rgba(var(--color-secondary-rgb), 1) 0, rgba(var(--color-secondary-rgb), .7);

    /* --- MISC GRADIENTS --- */
    --gradient-linear-45-white:         45deg, rgba(var(--color-white-rgb), 1) 0, rgba(var(--color-white-rgb), .7);
    --gradient-linear-45-darkwhite:     45deg, rgba(var(--color-darkwhite-rgb), 1) 0, rgba(var(--color-darkwhite-rgb), .7);
    --gradient-linear-45-lightgrey:     45deg, rgba(var(--color-lightgrey-rgb), 1) 0, rgba(var(--color-lightgrey-rgb), .7);
    --gradient-linear-45-grey:          45deg, rgba(var(--color-grey-rgb), 1) 0, rgba(var(--color-grey-rgb), .7);
    --gradient-linear-45-darkgrey:      45deg, rgba(var(--color-darkgrey-rgb), 1) 0, rgba(var(--color-darkgrey-rgb), .7);
    --gradient-linear-45-black:         45deg, rgba(var(--color-black-rgb), 1) 0, rgba(var(--color-black-rgb), .7);
    --gradient-linear-45-lightblue:     45deg, rgba(var(--color-lightblue-rgb), 1) 0, rgba(var(--color-lightblue-rgb), .7);

    /* --- MAIN GRADIENTS --- */
    --gradient-linear-45-main:          45deg, rgba(var(--color-main-rgb), 1) 0, rgba(var(--color-main-rgb), .7);
    --gradient-linear-45-lightmain:     45deg, rgba(var(--color-lightmain-rgb), 1) 0, rgba(var(--color-lightmain-rgb), .7);
    --gradient-linear-45-darkmain:      45deg, rgba(var(--color-darkmain-rgb), 1) 0, rgba(var(--color-darkmain-rgb), .7);

    /* --- SECONDARY GRADIENTS --- */
    --gradient-linear-45-secondary:      45deg, rgba(var(--color-secondary-rgb), 1) 0, rgba(var(--color-secondary-rgb), .7);
    --gradient-linear-45-lightsecondary: 45deg, rgba(var(--color-lightsecondary-rgb), 1) 0, rgba(var(--color-lightsecondary-rgb), .7);
    --gradient-linear-45-darksecondary:  45deg, rgba(var(--color-darksecondary-rgb), 1) 0, rgba(var(--color-darksecondary-rgb), .7);

    /* --- INFO GRADIENTS --- */
    --gradient-linear-45-info:          45deg, rgba(var(--color-info-rgb), 1) 0, rgba(var(--color-info-rgb), .7);
    --gradient-linear-45-lightinfo:     45deg, rgba(var(--color-lightinfo-rgb), 1) 0, rgba(var(--color-lightinfo-rgb), .7);
    --gradient-linear-45-darkinfo:      45deg, rgba(var(--color-darkinfo-rgb), 1) 0, rgba(var(--color-darkinfo-rgb), .7);

    /* --- DANGER GRADIENTS --- */
    --gradient-linear-45-danger:        45deg, rgba(var(--color-danger-rgb), 1) 0, rgba(var(--color-danger-rgb), .7);
    --gradient-linear-45-lightdanger:   45deg, rgba(var(--color-lightdanger-rgb), 1) 0, rgba(var(--color-lightdanger-rgb), .7);
    --gradient-linear-45-darkdanger:    45deg, rgba(var(--color-darkdanger-rgb), 1) 0, rgba(var(--color-darkdanger-rgb), .7);

    /* --- SUCCESS GRADIENTS --- */
    --gradient-linear-45-success:       45deg, rgba(var(--color-success-rgb), 1) 0, rgba(var(--color-success-rgb), .7);
    --gradient-linear-45-lightsuccess:  45deg, rgba(var(--color-lightsuccess-rgb), 1) 0, rgba(var(--color-lightsuccess-rgb), .7);
    --gradient-linear-45-darksuccess:   45deg, rgba(var(--color-darksuccess-rgb), 1) 0, rgba(var(--color-darksuccess-rgb), .7);

    /* --- WARNING GRADIENTS --- */
    --gradient-linear-45-warning:       45deg, rgba(var(--color-warning-rgb), 1) 0, rgba(var(--color-warning-rgb), .7);
    --gradient-linear-45-lightwarning:  45deg, rgba(var(--color-lightwarning-rgb), 1) 0, rgba(var(--color-lightwarning-rgb), .7);
    --gradient-linear-45-darkwarning:   45deg, rgba(var(--color-darkwarning-rgb), 1) 0, rgba(var(--color-darkwarning-rgb), .7);

    /* --- BROWN GRADIENTS --- */
    --gradient-linear-45-brown:         45deg, rgba(var(--color-brown-rgb), 1) 0, rgba(var(--color-brown-rgb), .7);
    --gradient-linear-45-lightbrown:    45deg, rgba(var(--color-lightbrown-rgb), 1) 0, rgba(var(--color-lightbrown-rgb), .7);
    --gradient-linear-45-darkbrown:     45deg, rgba(var(--color-darkbrown-rgb), 1) 0, rgba(var(--color-darkbrown-rgb), .7);

    --gradient-linear-45-succes:      45deg, rgba(var(--color-success-rgb),   1) 0, rgba(var(--color-success-rgb),   .7);

    color: var(--color-black);
}