/* CSS HEX */
:root {
    --ocean-blue: #1886b4ff;
    --berry-crush: #b73c6fff;
    --berry-crush-light: rgba(183, 60, 111, 0.564);
    --alabaster-grey: #d5d6d9ff;
    --black: #000000ff;
    --light-blue: #c1d8dbff;

    /* CSS HSL */
    --ocean-blue: hsla(198, 76%, 40%, 1);
    --berry-crush: hsla(335, 51%, 48%, 1);
    --alabaster-grey: hsla(225, 5%, 84%, 1);
    --black: hsla(0, 0%, 0%, 1);
    --light-blue: hsla(187, 27%, 81%, 1);

    /* SCSS HEX */
    --ocean-blueH: #1886b4ff;
    --berry-crushH: #b73c6fff;
    --alabaster-greyH: #d5d6d9ff;
    --blackH: #000000ff;
    --light-blueH: #c1d8dbff;

    /* SCSS HSL */
    --ocean-blue-hsl: hsla(198, 76%, 40%, 1);
    --berry-crush-hsl: hsla(335, 51%, 48%, 1);
    --alabaster-grey-hsl: hsla(225, 5%, 84%, 1);
    --black-hsl: hsla(0, 0%, 0%, 1);
    --light-blue-hsl: hsla(187, 27%, 81%, 1);

    /* SCSS RGB */
    --ocean-blue-rgb: rgba(24, 134, 180, 1);
    --berry-crush-rgb: rgba(183, 60, 111, 1);
    --alabaster-grey-rgb: rgba(213, 214, 217, 1);
    --black-rgb: rgba(0, 0, 0, 1);
    --light-blue-rgb: rgba(193, 216, 219, 1);

    /* SCSS Gradient */
    --gradient-top: linear-gradient(0deg, #1886b4ff, #b73c6fff, #d5d6d9ff, #000000ff, #c1d8dbff);
    --gradient-right: linear-gradient(90deg, #1886b4ff, #b73c6fff, #d5d6d9ff, #000000ff, #c1d8dbff);
    --gradient-bottom: linear-gradient(180deg, #1886b4ff, #b73c6fff, #d5d6d9ff, #000000ff, #c1d8dbff);
    --gradient-left: linear-gradient(270deg, #1886b4ff, #b73c6fff, #d5d6d9ff, #000000ff, #c1d8dbff);
    --gradient-top-right: linear-gradient(45deg, #1886b4ff, #b73c6fff, #d5d6d9ff, #000000ff, #c1d8dbff);
    --gradient-bottom-right: linear-gradient(135deg, #1886b4ff, #b73c6fff, #d5d6d9ff, #000000ff, #c1d8dbff);
    --gradient-top-left: linear-gradient(225deg, #1886b4ff, #b73c6fff, #d5d6d9ff, #000000ff, #c1d8dbff);
    --gradient-bottom-left: linear-gradient(315deg, #1886b4ff, #b73c6fff, #d5d6d9ff, #000000ff, #c1d8dbff);
    --gradient-radial: radial-gradient(#1886b4ff, #b73c6fff, #d5d6d9ff, #000000ff, #c1d8dbff);

    --border-pt: calc(0.25rem * 3);
}