/*
    bvolt_color_cerulean_pure.css
*/

:root {
    --bvolt-color-cerulean-black: hsl(196,30%,10%);
    /* rgb(18, 29, 33) */
    /* #121d21 */
    /* --bvolt-color-cerulean-black: hsl(196,100%,10%); */
    /* rgb(0, 37, 51) */
    /* #002533 */
    --bvolt-color-cerulean-shadow: hsl(196, 40%, 18%);
    /* rgb(28, 54, 64) */
    /* #1c3640 */
    /* --bvolt-color-cerulean-shadow: hsl(196, 100%, 18%); */
    /* rgb(0, 67, 92) */
    /* #00435c */
    --bvolt-color-cerulean-darker: hsl(196, 80%, 25%);
    /* rgb(13, 88, 115) */
    /* #0d5873 */
    --bvolt-color-cerulean-dark: hsl(196, 100%, 33%);
    /* rgb(0, 123, 168) */
    /* #007ba8 */
    --bvolt-color-cerulean-darkish: hsl(196, 100%, 39%);
    /* rgb(0, 146, 199) */
    /* #0092c7 */
    --bvolt-color-cerulean: hsl(196, 100%, 43%);
    /* rgb(0, 161, 219) */
    /* #00a1db */
    --bvolt-color-cerulean-lightish: hsl(196, 100%, 50%);
    /* rgb(0, 187, 255) */
    /* #00bbff */
    --bvolt-color-cerulean-light: hsl(196, 100%, 58%);
    /* rgb(41, 198, 255) */
    /* #29c6ff */
    --bvolt-color-cerulean-lighter: hsl(196, 100%, 72%);
    /* rgb(112, 217, 255) */
    /* #70d9ff */
    --bvolt-color-cerulean-halo: hsl(196, 80%, 84%);
    /* rgb(182, 229, 247) */
    /* #b6e5f7 */
    --bvolt-color-cerulean-white: hsl(196, 30%, 98%);
    /* rgb(248, 251, 251) */
    /* #f8fbfb */
    /* --bvolt-color-cerulean-white: hsl(196, 100%, 96%); */
    /* rgb(235, 250, 255) */
    /* #ebfaff */
    --bvolt-color-cerulean-text-on-black: hsl(196, 100%, 50%);
    /* rgb(0, 187, 255) */
    /* #00bbff */
    --bvolt-color-cerulean-text-on-white:  hsl(196,30%,10%);
    /* rgb(18, 29, 33) */
    /* #121d21 */
}