:root {
    --clr-1p:            #005b5e;   /* Primary 1         - 100% | var(--clr-1p, #005b5e);              */
    --clr-1p_80:         #005b5ecc; /* Primary 1         - 80%  | var(--clr-1p_80, #005b5ecc);         */
    --clr-1p_10:         #005b5e1a; /* Primary 1         -  10% | var(--clr-1p_10, #005b5e1a);         */
    --clr-1s:            #00A894;   /* Secondary 1       - 100% | var(--clr-1s, #00A894);              */
    --clr-1s_70:         #00A894b3; /* Secondary 1       -  70% | var(--clr-1s_70, #00A894b3);         */
    --clr-1s_10:         #00A8941a; /* Secondary 1       -  10% | var(--clr-1s_10, #00A8941a);         */
    --clr-bh:            #dfebeb;   /* Brand Highlight   - 100% | var(--clr-bh, #dfebeb);              */
    --clr-bh_80:         #dfebebcc; /* Brand Highlight   -  80% | var(--clr-bh_80, #dfebebcc);         */
    --clr-dn:            #636363;   /* Dark Neutral      - 100% | var(--clr-dn, #636363);              */
    --clr-dn_80:         #636363cc; /* Dark Neutral      -  80% | var(--clr-dn_80, #636363cc);         */
    --clr-dn_50:         #63636380; /* Dark Neutral      -  50% | var(--clr-dn_50, #63636380);         */
    --clr-dn2:           #4d4e51;   /* Dark Neutral 2    - 100% | var(--clr-dn2, #4d4e51);             */
    --clr-mn:            #c6c6c6;   /* Medium Neutral    - 100% | var(--clr-mn, #c6c6c6);              */
    --clr-mn_50:         #c6c6c680; /* Medium Neutral    -  50% | var(--clr-mn_50, #c6c6c680);         */
    --clr-2mn:           #adadad;   /* Med. Neutral 2    - 100% | var(--clr-2mn, #adadad);             */
    --clr-ln:            #eaeaea;   /* Light Neutral     - 100% | var(--clr-ln, #eaeaea);              */
    --clr-ln_70:         #eaeaeab3; /* Light Neutral     -  70% | var(--clr-ln_70, #eaeaeab3);         */
    --clr-ln2:           #f1f1f1;   /* Light Neutral 2   - 100% | var(--clr-ln2, #f1f1f1);             */
    --clr-ln2_70:        #f1f1f1b3; /* Light Neutral 2   -  70% | var(--clr-ln2, #f1f1f1b3);           */
    --clr-ln2_50:        #f1f1f180; /* Light Neutral 2    - 50% | var(--clr-ln2_50, #f1f1f180);        */
    --clr-wht:           #fafeff;   /* Off-White         - 100% | var(--clr-wht, #fafeff);             */
    --clr-blk:           #112333;   /* Off-Black 300     - 100% | var(--clr-blk, #112333);             */
    --clr-blk_75:        #112333bf; /* Off-Black 300     -  75% | var(--clr-blk_75, #112333bf);        */
    --clr-btn-n:         #6e6f73;   /* Neutral Button    - 100% | var(--clr-btn-n, #6e6f73);           */
    --clr-btn-n_80:      #6e6f73cc; /* Neutral Button    -  80% | var(--clr-btn-n_80, #6e6f73cc);      */
    --clr-input-brdr:    #979e9f;   /* Input Border      - 100% | var(--clr-input-brdr, #979e9f);      */
    --clr-input-brdr_80: #979e9f;   /* Input Border      -  80% | var(--clr-input-brdr_80, #979e9fcc); */
    --clr-ddl-focus:     #eff3f4;   /* Drop down focus   - 100% | var(--clr-ddl-focus, #eff3f4);       */
    --clr-link:          #3081df;   /* Link              - 100% | var(--clr-link, #3081df);            */
    
    /* Success Colors */
    --clr-success50:     #eef3ea;   /* Success 50        - 100% | var(--clr-success50, #eef3ea);       */
    --clr-success50_80:  #eef3eacc; /* Success 50        -  80% | var(--clr-success50_80, #eef3eacc);  */
    --clr-success75:     #b8cca8;   /* Success 50        - 100% | var(--clr-success75, #b8cca8);       */
    --clr-success100:    #9ab785;   /* Success 50        - 100% | var(--clr-success100, #9ab785);      */
    --clr-success200:    #6f9750;   /* Success 50        - 100% | var(--clr-success200, #6f9750);      */
    --clr-success300:    #51822c;   /* Success 50        - 100% | var(--clr-success300, #51822c);      */
    --clr-success400:    #395b1f;   /* Success 50        - 100% | var(--clr-success400, #395b1f);      */
    --clr-success500:    #314f1b;   /* Success 50        - 100% | var(--clr-success500, #314f1b);      */
    
    /* Warn Colors */
    --clr-warn50:        #fef2ec;   /* Warn 50           - 100% | var(--clr-warn50, #fef2ec);          */
    --clr-warn75:        #fcc8b3;   /* Warn 75           - 100% | var(--clr-warn75, #fcc8b3);          */
    --clr-warn100:       #fab193;   /* Warn 100          - 100% | var(--clr-warn100, #fab193);         */
    --clr-warn200:       #f88f65;   /* Warn 200          - 100% | var(--clr-warn200, #f88f65);         */
    --clr-warn300:       #f77845;   /* Warn 300          - 100% | var(--clr-warn300, #f77845);         */ 
    --clr-warn400:       #ad5430;   /* Warn 400          - 100% | var(--clr-warn400, #ad5430);         */
    --clr-warn500:       #97492a;   /* Warn 500          - 100% | var(--clr-warn500, #97492a);         */

    /* Warn Yellow Colors */
    --clr-warny50:       #fef9ec;   /* Warn Yellow 50    - 100% | var(--clr-warny50, #fef9ec);         */
    --clr-warny50_80:    #fef9eccc; /* Warn Yellow 50_80 - 100% | var(--clr-warny50, #fef9eccc);       */
    --clr-warny75:       #fce8b3;   /* Warn Yellow 75    - 100% | var(--clr-warny75, #fce8b3);         */
    --clr-warny100:      #fadf93;   /* Warn Yellow 100   - 100% | var(--clr-warny100, #fadf93);        */
    --clr-warny200:      #f8d165;   /* Warn Yellow 200   - 100% | var(--clr-warny200, #f8d165);        */
    --clr-warny300:      #f7c745;   /* Warn Yellow 300   - 100% | var(--clr-warny300, #f7c745);        */
    --clr-warny400:      #ad8b30;   /* Warn Yellow 400   - 100% | var(--clr-warny400, #ad8b30);        */
    --clr-warny500:      #97792a;   /* Warn Yellow 500   - 100% | var(--clr-warny500, #97792a);        */
    
    /* Error Colors */
    --clr-err-bld:       #d44040;   /* Error Bold        - 100% | var(--clr-err-bld, #d44040);         */
    --clr-err-bld_75:    #d44040bf; /* Error Bold        -  75% | var(--clr-err-bld_75, #d44040bf);    */
    --clr-err-deep:      #812626;   /* Error Deep        - 100% | var(--clr-err-deep, #812626);        */
    --clr-err:           #edb0b0;   /* Error red         - 100% | var(--clr-err, #edb0b0);             */
    --clr-err_50:        #edb0b080; /* Error red         -  50% | var(--clr-err_50, #edb0b080);        */
    --clr-err50:         #fbecec;   /* Error red  50     - 100% | var(--clr-err50, #fbecec);           */
    --clr-err50_80:      #fbececcc; /* Error red  50     -  80% | var(--clr-err50_80, #fbececcc);      */
    --clr-err75:         #edb0b0;   /* Error red  75     - 100% | var(--clr-err75, #edb0b0);           */
    --clr-err100:        #e69090;   /* Error red 100     - 100% | var(--clr-err100, #e69090);          */   
    --clr-err200:        #db6060;   /* Error red 200     - 100% | var(--clr-err200, #db6060);          */   
    --clr-err300:        #d43f3f;   /* Error red 300     - 100% | var(--clr-err300, #d43f3f);          */   
    --clr-err400:        #942c2c;   /* Error red 400     - 100% | var(--clr-err400, #942c2c);          */   
    --clr-err500:        #812626;   /* Error red 500     - 100% | var(--clr-err500, #812626);          */
    
    --clr-mesh-average: rgb(195, 217, 215);
    --glass-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.25);
    --glass-shadow-inset: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.25);
}

.clr-1p { color: var(--clr-1p, #005b5e) }
.clr-1p_80 { color: var(--clr-1p_80, #005b5ecc) }
.clr-1p_10 { color: var(--clr-1p_10, #005b5e1a); }
.clr-1s { color: var(--clr-1s, #00A894); }
.clr-1s_70 { color: var(--clr-1s_70, #00A894b3); }
.clr-1s_10 { color: var(--clr-1s_10, #00A8941a); }
.clr-bh { color: var(--clr-bh, #dfebeb); }
.clr-bh_80 { color: var(--clr-bh_80, #dfebebcc); }
.clr-dn { color: var(--clr-dn, #636363); }
.clr-dn_80 { color: var(--clr-dn_80, #636363cc); }
.clr-dn_50 { color: var(--clr-dn_50, #63636380); }
.clr-dn2 { color: var(--clr-dn2, #4d4e51); }
.clr-mn { color: var(--clr-mn, #c6c6c6); }
.clr-mn_50 { color: var(--clr-mn_50, #c6c6c680); }
.clr-2mn { color: var(--clr-2mn, #adadad); }
.clr-ln { color: var(--clr-ln, #eaeaea); }
.clr-ln_70 { color: var(--clr-ln_70, #eaeaeab3); }
.clr-ln2 { color: var(--clr-ln2, #f1f1f1); }
.clr-ln2_50 { color: var(--clr-ln2_50, #f1f1f1b3); }
.clr-wht { color: var(--clr-wht, #fafeff); }
.clr-blk { color: var(--clr-blk, #112333); }
.clr-blk_75 { color: var(--clr-blk_75, #112333bf); }
.clr-btn-n { color: var(--clr-btn-n, #6e6f73); }
.clr-btn-n_80 { color: var(--clr-btn-n_80, #6e6f73cc); }
.clr-input-brdr { color: var(--clr-input-brdr, #979e9f); }
.clr-input-brdr_80 { color: var(--clr-input-brdr_80, #979e9fcc); }
.clr-ddl-focus { color: var(--clr-ddl-focus, #eff3f4); }
.clr-link { color: var(--clr-link, #3081df); }
.clr-success50 { color: var(--clr-success50, #eef3ea); }
.clr-success50_80 { color: var(--clr-success50_80, #eef3eacc); }
.clr-success75 { color: var(--clr-success75, #b8cca8); }
.clr-success100 { color: var(--clr-success100, #9ab785); }
.clr-success200 { color: var(--clr-success200, #6f9750); }
.clr-success300 { color: var(--clr-success300, #51822c); }
.clr-success400 { color: var(--clr-success400, #395b1f); }
.clr-success500 { color: var(--clr-success500, #314f1b); }
.clr-warn50 { color: var(--clr-warn50, #fef2ec); }
.clr-warn75 { color: var(--clr-warn75, #fcc8b3); }
.clr-warn100 { color: var(--clr-warn100, #fab193); }
.clr-warn200 { color: var(--clr-warn200, #f88f65); }
.clr-warn300 { color: var(--clr-warn300, #f77845); }
.clr-warn400 { color: var(--clr-warn400, #ad5430); }
.clr-warn500 { color: var(--clr-warn500, #97492a); }
.clr-warny50 { color: var(--clr-warny50, #fef9ec); }
.clr-warny50-80 { color: var(--clr-warny50, #fef9eccc); }
.clr-warny75 { color: var(--clr-warny75, #fce8b3); }
.clr-warny100 { color: var(--clr-warny100, #fadf93); }
.clr-warny200 { color: var(--clr-warny200, #f8d165); }
.clr-warny300 { color: var(--clr-warny300, #f7c745); }
.clr-warny400 { color: var(--clr-warny400, #ad8b30); }
.clr-warny500 { color: var(--clr-warny500, #97792a); }
.clr-err-bld { color: var(--clr-err-bld, #d44040); }
.clr-err-bld_75 { color: var(--clr-err-bld_75, #d44040bf); }
.clr-err-deep { color: var(--clr-err-deep, #812626); }
.clr-err { color: var(--clr-err, #edb0b0); }
.clr-err_50 { color: var(--clr-err_50, #edb0b080); }
.clr-err50 { color: var(--clr-err50,  #fbecec); }
.clr-err50_80 { color: var(--clr-err50_80,  #fbececcc); }
.clr-err75 { color: var(--clr-err75,  #edb0b0); }
.clr-err100 { color: var(--clr-err100, #e69090); }
.clr-err200 { color: var(--clr-err200, #db6060); }
.clr-err300 { color: var(--clr-err300, #d43f3f); }
.clr-err400 { color: var(--clr-err400, #942c2c); }
.clr-err500 { color: var(--clr-err500, #812626); }

.bgclr-1p { background-color: var(--clr-1p, #005b5e) }
.bgclr-1p_80 { background-color: var(--clr-1p_80, #005b5ecc) }
.bgclr-1p_10 { background-color: var(--clr-1p_10, #005b5e1a); }
.bgclr-1s { background-color: var(--clr-1s, #00A894); }
.bgclr-1s_70 { background-color: var(--clr-1s_70, #00A894b3); }
.bgclr-1s_10 { background-color: var(--clr-1s_10, #00A8941a); }
.bgclr-bh { background-color: var(--clr-bh, #dfebeb); }
.bgclr-bh_80 { background-color: var(--clr-bh_80, #dfebebcc); }
.bgclr-dn { background-color: var(--clr-dn, #636363); }
.bgclr-dn_80 { background-color: var(--clr-dn_80, #636363cc); }
.bgclr-dn_50 { background-color: var(--clr-dn_50, #63636380); }
.bgclr-dn2 { background-color: var(--clr-dn2, #4d4e51); }
.bgclr-mn { background-color: var(--clr-mn, #c6c6c6); }
.bgclr-mn_50 { background-color: var(--clr-mn_50, #c6c6c680); }
.bgclr-2mn { background-color: var(--clr-2mn, #adadad); }
.bgclr-ln { background-color: var(--clr-ln, #eaeaea); }
.bgclr-ln_70 { background-color: var(--clr-ln_70, #eaeaeab3); }
.bgclr-ln2 { background-color: var(--clr-ln2, #f1f1f1); }
.bgclr-ln2_50 { background-color: var(--clr-ln2_50, #f1f1f1b3); }
.bgclr-wht { background-color: var(--clr-wht, #fafeff); }
.bgclr-blk { background-color: var(--clr-blk, #112333); }
.bgclr-blk_75 { background-color: var(--clr-blk_75, #112333bf); }
.bgclr-btn-n { background-color: var(--clr-btn-n, #6e6f73); }
.bgclr-btn-n_80 { background-color: var(--clr-btn-n_80, #6e6f73cc); }
.bgclr-input-brdr { background-color: var(--clr-input-brdr, #979e9f); }
.bgclr-input-brdr_80 { background-color: var(--clr-input-brdr_80, #979e9fcc); }
.bgclr-ddl-focus { background-color: var(--clr-ddl-focus, #eff3f4); }
.bgclr-link { background-color: var(--clr-link, #3081df); }
.bgclr-success50 { background-color: var(--clr-success50, #eef3ea); }
.bgclr-success50_80 { background-color: var(--clr-success50_80, #eef3eacc); }
.bgclr-success75 { background-color: var(--clr-success75, #b8cca8); }
.bgclr-success100 { background-color: var(--clr-success100, #9ab785); }
.bgclr-success200 { background-color: var(--clr-success200, #6f9750); }
.bgclr-success300 { background-color: var(--clr-success300, #51822c); }
.bgclr-success400 { background-color: var(--clr-success400, #395b1f); }
.bgclr-success500 { background-color: var(--clr-success500, #314f1b); }
.bgclr-warn50 { background-color: var(--clr-warn50, #fef2ec); }
.bgclr-warn75 { background-color: var(--clr-warn75, #fcc8b3); }
.bgclr-warn100 { background-color: var(--clr-warn100, #fab193); }
.bgclr-warn200 { background-color: var(--clr-warn200, #f88f65); }
.bgclr-warn300 { background-color: var(--clr-warn300, #f77845); }
.bgclr-warn400 { background-color: var(--clr-warn400, #ad5430); }
.bgclr-warn500 { background-color: var(--clr-warn500, #97492a); }
.bgclr-warny50 { background-color: var(--clr-warny50, #fef9ec); }
.bgclr-warny50-80 { background-color: var(--clr-warny50, #fef9eccc); }
.bgclr-warny75 { background-color: var(--clr-warny75, #fce8b3); }
.bgclr-warny100 { background-color: var(--clr-warny100, #fadf93); }
.bgclr-warny200 { background-color: var(--clr-warny200, #f8d165); }
.bgclr-warny300 { background-color: var(--clr-warny300, #f7c745); }
.bgclr-warny400 { background-color: var(--clr-warny400, #ad8b30); }
.bgclr-warny500 { background-color: var(--clr-warny500, #97792a); }
.bgclr-err-bld { background-color: var(--clr-err-bld, #d44040); }
.bgclr-err-bld_75 { background-color: var(--clr-err-bld_75, #d44040bf); }
.bgclr-err-deep { background-color: var(--clr-err-deep, #812626); }
.bgclr-err { background-color: var(--clr-err, #edb0b0); }
.bgclr-err_50 { background-color: var(--clr-err_50, #edb0b080); }
.bgclr-err50 { background-color: var(--clr-err50,  #fbecec); }
.bgclr-err50_80 { background-color: var(--clr-err50_80,  #fbececcc); }
.bgclr-err75 { background-color: var(--clr-err75,  #edb0b0); }
.bgclr-err100 { background-color: var(--clr-err100, #e69090); }
.bgclr-err200 { background-color: var(--clr-err200, #db6060); }
.bgclr-err300 { background-color: var(--clr-err300, #d43f3f); }
.bgclr-err400 { background-color: var(--clr-err400, #942c2c); }
.bgclr-err500 { background-color: var(--clr-err500, #812626); }

@media (prefers-contrast: more) {
    :root {
        --clr-1p_80: var(--clr-1p, #005b5e);
        --clr-1p_10: white;
        --clr-1s_70: var(--clr-1s, #00A894);
        --clr-1s10: white;
        --clr-ln: white;
        --clr-ln2: white;
        --clr-ln2_50: white;
        --clr-wht: white;
        --clr-blk: black;
        --clr-blk_75: black;
        --clr-dn: black;
        --clr-dn_80: black;
        --clr-dn_50: black;
        --clr-dn2: black;
        --clr-mn_50: var(--clr-mn, #c6c6c6);
        --clr-btn-n: black;
        --clr-btn-n_80: black;
        --clr-input-brdr: black;
        --clr-input-brdr_80: black;
        --clr-success75: #eef3ea;
        --clr-success100: #eef3ea;
        --clr-success200: #314f1b;
        --clr-success300: #314f1b;
        --clr-success400: #314f1b;
        --clr-warn75: #fef2ec;
        --clr-warn100: #fef2ec;
        --clr-warn200: #97492a;
        --clr-warn300: #97492a;
        --clr-warn400: #97492a;
        --clr-warny75: #fef9ec;
        --clr-warny100: #fef9ec;
        --clr-warny200: #97792a;
        --clr-warny300: #97792a;
        --clr-warny400: #97792a;
        --clr-err: #fbecec;
        --clr-err75: #fbecec;
        --clr-err100: #fbecec;
        --clr-err-bld: #812626;
        --clr-err200: #812626;
        --clr-err300: #812626;
        --clr-err400: #812626;

        --glass-shadow: 0 0 0 3px black;
    }
}