:root {
    --color-gradi1-rgb:     6 182 212;  /* #06b6d4 */
    --color-gradi2-rgb:     59 130 246; /* #3b82f6 */
    --color-darkbg-rgb:     5 7 11;          /* #05070b (Casi negro absoluto) */
    --color-cardbg-rgb:     5 7 11;          /* #05070b (Casi negro absoluto) */
    --color-fcardbg-rgb:    12 10 26;             /* #0c0a1a (Índigo/Púrpura noche profunda) */
    --color-fmenu-rgb:      10 19 18;          /* #0a1312 (Gris con subtono petrol/emerald oscuro) */
    --color-secc2-rgb:      9 9 11;      /* #09090b */
    --color-secc2a-rgb:     9 9 11;              /* #09090b (Zinc 950) */
    --color-secc3-rgb:      3 7 18;             /* #030712 (Deep Navy/Slate) */
    --color-secc3a-rgb:     2 4 10;             /* #02040a (Tarjeta con matiz azul ultra oscuro) */
    --color-secc4-rgb:      168 85 247;         /* #a855f7 */
    --color-secc4a-rgb:     244 63 94;         /* #f43f5e */

    
    --color-darkbg: rgb(var(--color-darkbg-rgb));
    --color-cardbg: rgb(var(--color-cardbg-rgb));
    --color-gradi1: rgb(var(--color-gradi1-rgb));
    --color-gradi2: rgb(var(--color-gradi2-rgb));
    --color-fcardbg: rgb(var(--color-fcardbg-rgb));
    --color-fmenu: rgb(var(--color-fmenu-rgb));
    --color-secc2: rgb(var(--color-secc2-rgb));
    --color-secc2a: rgb(var(--color-secc2a-rgb));
    --color-secc3: rgb(var(--color-secc3-rgb));
    --color-secc3a: rgb(var(--color-secc3a-rgb));
    --color-secc4: rgb(var(--color-secc4-rgb));
    --color-secc4a: rgb(var(--color-secc4a-rgb));
}