:root[data-mode="light"]{
        --bg: #f5f5f5;
        --panel: rgba(238, 238, 238, 0.932);
        --panel-border: rgba(120, 180, 255, 0.12);
        --text: #222222;
        --radius: 14px;
        --maintext: #221d1d;
        --ui-mask: #979797;
        --linear: transparent;
}

:root,
:root[data-theme="blue"] {

    --glass-blur: saturate(150%) blur(8px);
    --mainlight: rgba(26, 152, 185);
    --mainbright: rgba(0, 174, 219);
    --maindark: rgba(35, 137, 163);
    --mainlight-a25: rgba(26, 152, 185, 0.25);
    --mainlight-a30: rgba(26, 152, 185, 0.30);
    --mainlight-a75: rgba(26, 152, 185, 0.75);
    --mainbright-a25: rgba(0, 174, 219, 0.25);
    --mainbright-a45: rgba(0, 174, 219, 0.45);
    --mainbright-a55: rgba(0, 174, 219, 0.55);
    --mainbright-a75: rgba(0, 174, 219, 0.75);
 
    --img-back: url("../images/backA.jpg");
    --img-slider-knob: url("../images/llc-web/slider_knobB.png");
    --img-logo: url("../images/logob.png");
}

:root[data-theme="red"] {
   
    --glass-blur: saturate(150%) blur(8px);
    --mainlight: rgba(194, 32, 65);
    --mainbright: rgba(255, 0, 0);
    --maindark: rgba(150, 42, 56);
    --mainlight-a25: rgba(194, 32, 65, 0.25);
    --mainlight-a30: rgba(194, 32, 65, 0.30);
    --mainlight-a75: rgba(194, 32, 65, 0.75);
    --mainbright-a25: rgba(255, 0, 52, 0.25);
    --mainbright-a45: rgba(255, 0, 52, 0.45);
    --mainbright-a55: rgba(255, 0, 52, 0.55);
    --mainbright-a75: rgba(255, 0, 52, 0.75);
 
    --img-back: url("../images/back1.jpg");
      /* --img-back: url("../images/nprlogo.png"); */
    --img-slider-knob: url("../images/llc-web/slider_knobR.png");
    --img-logo: url("../images/logor.png");
}

    :root[data-theme="aqua"] {
     
        --glass-blur: saturate(150%) blur(8px);
        --mainlight: rgba(36, 119, 131);
        --mainbright: rgba(53, 202, 199);
        --maindark: rgba(18, 70, 82);
        --mainlight-a25: rgba(36, 119, 131, 0.25);
        --mainlight-a30: rgba(36, 119, 131, 0.30);
        --mainlight-a75: rgba(36, 119, 131, 0.75);
        --mainbright-a25: rgba(53, 202, 199, 0.25);
        --mainbright-a45: rgba(53, 202, 199, 0.45);
        --mainbright-a55: rgba(53, 202, 199, 0.55);
        --mainbright-a75: rgba(53, 202, 199, 0.75);
    
        --img-back: url("../images/back3.jpg");
        --img-slider-knob: url("../images/llc-web/slider_knobA.png");
        --img-logo: url("../images/logoa.png");
    }


    :root[data-theme="purple"] {
       
        --glass-blur: saturate(150%) blur(8px);
        --mainlight: rgba(164, 57, 219);
        --mainbright: rgba(139, 0, 243);
        --maindark: rgba(61 18 82);
        --mainlight-a25: rgba(164, 57, 219, 0.25);
        --mainlight-a30: rgba(164, 57, 219, 0.30);
        --mainlight-a75: rgba(164, 57, 219, 0.75);
        --mainbright-a25: rgba(139, 0, 243, 0.25);
        --mainbright-a45: rgba(139, 0, 243, 0.45);
        --mainbright-a55: rgba(139, 0, 243, 0.55);
        --mainbright-a75: rgba(139, 0, 243, 0.75);
     
        --img-back: url("../images/back4.jpg");
        --img-slider-knob: url("../images/llc-web/slider_knobP.png");
        --img-logo: url("../images/logo.png");
    }


    :root[data-theme="yellow"] {
    
        --glass-blur: saturate(150%) blur(8px);
        --mainlight: rgba(227, 149, 45);
        --mainbright: rgba(243, 139, 0);
        --maindark: rgba(143, 88, 14);
        --mainlight-a25: rgba(227, 149, 45, 0.25);
        --mainlight-a30: rgba(227, 149, 45, 0.30);
        --mainlight-a75: rgba(227, 149, 45, 0.75);
        --mainbright-a25: rgba(243, 139, 0, 0.25);
        --mainbright-a45: rgba(243, 139, 0, 0.45);
        --mainbright-a55: rgba(243, 139, 0, 0.55);
        --mainbright-a75: rgba(243, 139, 0, 0.75);
     
        --img-back: url("../images/back5.jpg");
        --img-slider-knob: url("../images/llc-web/slider_knobH.png");
        --img-logo: url("../images/logoo.png");
    }

    :root[data-theme="pink"] {
      
        --glass-blur: saturate(150%) blur(8px);
        --mainlight: rgba(225, 73, 144);
        --mainbright: rgba(255, 0, 102);
        --maindark: rgba(92, 18, 52);
        --mainlight-a25: rgba(225, 73, 144, 0.25);
        --mainlight-a30: rgba(225, 73, 144, 0.30);
        --mainlight-a75: rgba(225, 73, 144, 0.75);
        --mainbright-a25: rgba(255, 0, 102, 0.25);
        --mainbright-a45: rgba(255, 0, 102, 0.45);
        --mainbright-a55: rgba(255, 0, 102, 0.55);
        --mainbright-a75: rgba(255, 0, 102, 0.75);
       
        --img-back: url("../images/back6.jpg");
        --img-slider-knob: url("../images/llc-web/slider_knobR.png");
        --img-logo: url("../images/logop.png");
    }

    :root {
        --bg: #0b0f14;
        --panel: rgba(17, 23, 31, 0.7);
        --panel-border: rgba(120, 180, 255, 0.12);
        --text: #e6f2ff;
        --radius: 14px;
        --maintext: #a0a0a0;
        --ui-mask: #000;
         --linear: linear-gradient(140deg, rgb(0 0 0 / 8%), rgba(10, 14, 20, .2)), radial-gradient(600px 300px at 100% 0%, rgb(0 0 0 / 0%), transparent 60%);
    }