/*YE*/
:root {
    --c-primary: hsl(234 40% 25% / 1); /**/
    --c-primary-b: hsl(234 50% 15% / 1); /**/
    --c-primary-c: hsl(235 50% 8% / 1); /**/
    --c-primary-d:  hsl(233 100% 3% / 1);; /**/
    --b-primary:hsl(240 20% 8% / 1);
    --b-primary-b: hsl(234 15% 9% / 1);
    --b-primary-c:hsl(234 30% 5% / 1);
    --b-primary-d:hsl(234 40% 5% / 1);
    --c-emphasis: 	#CCD0F0; /**/
    --c-emphasis-b:#4E5BCC; /**/
    --c-emphasis-c:#0314B7; /**/
    --c-paper: #F0F5FA; /**/
    --c-background:  hsl(233 100% 3% / 1); /**/
    --c-shade: rgb(0 0 0 / 16%); /**/
    --c-shade-b: rgb(0 0 0 / 24%); /**/
    --c-tint: rgb(255 255 255 / 8%); /**/
    --c-tint-b: rgb(255 255 255 / 24%); /**/
    /* Helper Colors */
    --c-black: rgba(0, 0, 0, 0.75); /**/
    --c-black-e: #000000; /**/
    --c-white: rgba(255, 255, 255, 0.7); /**/
    --c-white-e: #ffffff; /**/
    --c-yellow: #f8ed6f; /**/
    --c-green: #18A460; /**/
    --c-green-b: rgba(24, 164, 96, .3); /**/
    --c-red: #ff0b24; /**/
    --c-red-b: rgba(255, 11, 36, .3); /**/
    --ds-1p: 0 1px 1px rgba(8, 14, 22, 0.08); /**/
    --ds-2p: 0 2px 1px rgba(8, 14, 22, 0.08); /**/
    --ds-2p-top: 0 -1px rgba(8, 14, 22, 0.08), 0 2px 1px rgba(8, 14, 22, 0.08); /**/
    --ds-button: inset 0 1px rgba(255, 255, 255, 0.04), 0 1px rgba(8, 14, 22, 0.08), 0 1px 4px rgba(8, 14, 22, 0.08); /* Button Shine and Shadow */
    --b-border: solid 1px var(--c-tint); /**/
    --b-border-b: solid 1px var(--c-tint-b); /**/
    --r: 2px; /**/
    --r-top: 4px 4px 0 0; /**/
    --r-bottom: 0 0 4px 4px; /**/
    --r-b: 4px; /**/
    --r-c: 8px; /**/
}