:root {
    /* tema1 */
    --pri: #cfcfcf;
    --sec: #3b3b3b;
    --bg1: #e7e7e7;
    --bg2: #242424;
    --bg3: #f5f5f5;

    --red: #be4848;
    --whi: #f0f0f0;
    --bla: #0e0e0e;
    --gre: #b8b8b8;

    .t2 {
        --pri: #ffa601;
        --sec: #721d03;
        --bg1: #f3dea3;
        --bg2: #49230a;
        --bg3: #fcf5e3;
    }
    .t3 {
        --pri: #9c66aa;
        --sec: #544161;
        --bg1: #e1bef1;
        --bg2: #2a1d35;
        --bg3: #efddf7;
    }
    .t4 {
        --pri: #ace9eb;
        --sec: #342a64;
        --bg1: #caf3f5;
        --bg2: #211c38;
        --bg3: #e8f7f8;
    }
    .t5 {
        --pri: #ffd900;
        --sec: #f07f34;
        --bg1: #fffabb;
        --bg2: #a83f2c;
        --bg3: #fffddc;
    }
    .t6 {
        --pri: #62c062;
        --sec: #408850;
        --bg1: #ccf5d4;
        --bg2: #3c6457;
        --bg3: #dbeed4;
    }
    .t7 {
        --pri: #b95b5b;
        --sec: #a30909;
        --bg1: #f8c7c7;
        --bg2: #742323;
        --bg3: #f8e8e8;
    }
    .t8 {
        --pri: #2966c2;
        --sec: #2d3279;
        --bg1: #d7dffa;
        --bg2: #20215a;
        --bg3: #ebecf8;
    }
    .t9 {
        --pri: #fde350;
        --sec: #ddcf0e;
        --bg1: #2e2e2e;
        --bg2: #202020;
        --bg3: #383838;
    }
    .t10 {
        --pri: #ff9dce;
        --sec: #e66ac0;
        --bg1: #fcc7e0;
        --bg2: #85006e;
        --bg3: #fdd6d6;    
    }
    .t11 {
        --pri: #cfcfcf;
        --sec: #525252;
        --bg1: #e7e7e7;
        --bg2: #2b2b2b;
        --bg3: #f5f5f5;    
    }
}

/* @media (prefers-color-scheme: dark) {

    body {
        background-color: var(--bg2);
    }

} */