/* if user add bs-white color than considered that, if user will not add bs-white than take --bs-gray-100 instead of --bs-white */

:root {
    --Header-color: #095fa3;
    --bs-white: #fff;
    --bs-secondary-shades: #adb5bd;
    --font-dark-color: #000;
    --Selection-color: rgb(36, 99, 211, 0.9);
    --bs-10-opacity: 0%;
    --bs-20-opacity: 20%;
    --bs-30-opacity: 30%;
    --bs-40-opacity: 40%;
    --bs-50-opacity: 50%;
    --bs-60-opacity: 60%;
    --bs-70-opacity: 70%;
    --bs-80-opacity: 80%;
    --bs-90-opacity: 90%;
    --bs-add-white: #fff;
    --bs-add-black: #000;
    --actionicon-border-color:var(--Header-color);
}

/*custom*/

/*:root {
    --Header-color: #092119;
    --bs-white: #fff;
    --bs-secondary-shades: #70d6b2;
    --font-dark-color: #6F4E37;
    --Selection-color: rgb(36, 99, 211, 0.9);
    --bs-10-opacity: 10%;
    --bs-20-opacity: 30%;
    --bs-30-opacity: 40%;
    --bs-40-opacity: 40%;
    --bs-50-opacity: 50%;
    --bs-60-opacity: 60%;
    --bs-70-opacity: 70%;
    --bs-80-opacity: 80%;
    --bs-90-opacity: 90%;
    --bs-add-white: #fff;
    --bs-add-black: #000;
    --actionicon-border-color: var(--Header-color);*/ /*action icon,a tag,control border,external-box border*/
/*}*/

/**/
/*
:root {
    --Header-color: #000;
    --bs-secondary-shades: #000;
    --font-dark-color: #ff6a00;
    --Selection-color: rgb(36, 99, 211, 0.9);
    --bs-10-opacity: 90%;
    --bs-20-opacity: 80%;
    --bs-40-opacity: 70%;
    --bs-50-opacity: 50%;
    --bs-60-opacity: 40%;
    --bs-70-opacity: 30%;
    --bs-80-opacity: 20%;
    --bs-90-opacity: 10%;
    --bs-add-white: #fff;
    --bs-add-black: #000;
    --actionicon-border-color:color-mix(in srgb, var(--bs-secondary-shades) var(--bs-90-opacity), var(--bs-add-white));
}
*/