:root {
    --cl-primary: #00625d;
    --cl-secondary: #f15a22;

    --cl-body-back: #f7f7f7;
    --cl-body-font: #000000;
    --cl-body-back-inv: #1c1c1c;
    --cl-body-font-inv: #ffd700;

    --cl-login-cookie: #2b73b8;
    --cl-login-title-back: #696969a8;
    --cl-login-title-font: #eaeef5;

    --cl-cont: #ffffff;
    --cl-cont-inv: #232323;

    --cl-side: #ffffff;
    --cl-side-inv: #454545; 
    --cl-side-font: #1c1c1c;
    --cl-side-ico0: var(--cl-primary);
    --cl-side-ico1: #1b948e;
    --cl-side-ico2: #52bdb7;
    --cl-side-ico3: #86d1cd;
    --cl-side-ico4: #b7f3f0;
    --cl-side-border: #dcdcdc;
    --cl-side-focus-back: #fae3db;
    --cl-side-focus-font: #000000;
    --cl-side-hover-back: #c0c0c033;
    --cl-side-hover-font: #000000;


    --cl-top-back: #ffffff;
    --cl-top-font: #808080;
    --cl-top-ico: var(--cl-primary);
    --cl-top-back-inv: #000000;
    --cl-top-font-inv: #e0effa;
    --cl-top-ico-inv: #50a2ff;

    --cl-btn-back: var(--cl-primary);
    --cl-btn-back-hover: var(--cl-secondary); 
    --cl-btn-font: #ffffff;
    --cl-btn-font-hover: #ffffff;
    --cl-btn-icon: #e9fcfb;

    --cl-btn-secondary-back: #a9a9a9;
    --cl-btn-secondary-back-hover: #7c7c7c; 
    --cl-btn-secondary-font: #ffffff;
    --cl-btn-secondary-font-hover: #ffffff;
    --cl-btn-secondary-icon: #ebebeb;
    
    --cl-btn-login-back: #d4fffd;
    --cl-btn-login-back-hover: #ffa888; 
    --cl-btn-login-font: #072511;
    --cl-btn-login-font-hover: #072511;

    --cl-bigbtn-back: #f9fafa; 
    --cl-bigbtn-font: var(--cl-primary);
    --cl-bigbtn-border: #c0c0c0;
    --cl-bigbtn-back-hover: #e8ebed; 
    --cl-bigbtn-font-hover: var(--cl-secondary);

    --cl-table-head-back: #e9fdfc;
    --cl-table-head-font: #000000;
    --cl-table-foot-back: #e7e7e780;
    --cl-table-foot-font: #000000;
    --cl-table-body-back: #ffffff00;
    --cl-table-body-back-hover: #ffa88859;
    --cl-table-body-font: #000000;
    --cl-table-body-font-hover: #000000;

    --cl-card-v1-back: #f5fcfb;
    --cl-card-v1-font: #000000;
    --cl-card-v1-icon: var(--cl-secondary);
    --cl-card-v1-line: #c7c7c7;
    --cl-card-v1-border: #c0c0c0;

    --cl-card-v2-back: #1b948e;
    --cl-card-v2-font: #ffffee;
    --cl-card-v2-icon: var(--cl-secondary);
    --cl-card-v2-line: #bdd4d3;
    --cl-card-v2-border: #c0c0c0;

    --cl-card-v3-back: #7cceca;
    --cl-card-v3-font: #000000;
    --cl-card-v3-icon: var(--cl-secondary);
    --cl-card-v3-line: #bfe6fd;
    --cl-card-v3-border: #c0c0c0;

    --cl-card-v4-back: #a0bebd;
    --cl-card-v4-font: #000000;
    --cl-card-v4-icon: var(--cl-secondary);
    --cl-card-v4-line: #dae0e9;
    --cl-card-v4-border: #c0c0c0;

    --cl-card-v5-back: #1eccc3;
    --cl-card-v5-font: #000000;
    --cl-card-v5-icon: var(--cl-secondary);
    --cl-card-v5-line: #6fdbff;
    --cl-card-v5-border: #c0c0c0;

    --cl-card-v6-back: var(--cl-primary);
    --cl-card-v6-font: #ffffff;
    --cl-card-v6-icon: var(--cl-secondary);
    --cl-card-v6-line: #d3d3d3;
    --cl-card-v6-border: #c0c0c0;

    --cl-form-back: #ffffff;
    --cl-form-font: #092a49;
    --cl-form-border: #80808080;
    --cl-form-placeholder:#bba3a3;
    --cl-form-hint:#918888;
    --cl-form-back-disabled: #e4e4e480;
    --cl-form-font-disabled: #092a49;
    --cl-form-back-focused: #f2f9fc;
    --cl-form-font-focused: var(--cl-primary);
    --cl-form-border-focused: #4682b4cc;

    --cl-error-back: #f1f5f4; 
    --cl-error-font: #2e0e0e;
    --cl-error-title-back: #a30c0c;  
    --cl-error-title-font: #f1f5f4; 
    --cl-error-highlight-back: #dc143c;  
    --cl-error-highlight-font: #ffffff;  
    
    --cl-wiad-border: #c0c0c080;
    --cl-wiad-border-hover: #c0c0c0;
    --cl-wiad-head-back: #ededed;
    --cl-wiad-head-font: var(--cl-primary);
    --cl-wiad-head-data: #232f3b;
    --cl-wiad-head-show-back: var(--cl-primary);
    --cl-wiad-head-show-font: #f1f8fd;
    --cl-wiad-head-show-data: #f1f8fd;
    --cl-wiad-head-icon: #c9ab9f;
    --cl-wiad-head-icon-marked: var(--cl-secondary); 
}