:root{

    /* MAIN THEME COLOR */
    --base-h: 188;
    --base-s: 42%;
    --base-l: 47%;

    --base: var(--base-h) var(--base-s) var(--base-l);

    /* DARK SHADES */
    --base-d-100: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.1);
    --base-d-200: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.2);
    --base-d-300: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.3);
    --base-d-400: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.4);

    /* LIGHT SHADES */
    --base-l-100: var(--base-h) var(--base-s) calc(var(--base-l) + (100% - var(--base-l)) * 0.1);
    --base-l-200: var(--base-h) var(--base-s) calc(var(--base-l) + (100% - var(--base-l)) * 0.2);

    /* GLOBAL GRADIENT */
    --gr-color: linear-gradient(90deg, #45ACAB 0%, #4788AC 100%);
}