/* Developing a palette that can extend the 'Marine' theme in LEAF */
 
:root {
    --marine-color-astronaut-blue: hsl(202, 98%, 19%);
    --marine-color-white: hsl(0, 0%, 100%);
    --marine-color-light-blue: hsl(206, 50%, 75%);
    --marine-color-cool-grey: hsl(210, 11%, 93%);
    --marine-color-khaki: hsl(39, 50%, 76%);
    --marine-color-terracotta: hsl(17, 65%, 55%);
}

/* Background Colors */
.marine-bg-astronaut-blue { background-color: var(--marine-color-astronaut-blue); }
.marine-bg-color-white { background-color: var(--marine-color-white); }
.marine-bg-color-light-blue { background-color: var(--marine-color-light-blue); }
.marine-bg-color-cool-grey { background-color: var(--marine-color-cool-grey); }
.marine-bg-color-khaki  { background-color: var(--marine-color-khaki); }
.marine-bg-color-terracotta { background-color: var(--marine-color-terracotta); }

/* Border Colors */
.marine-border-astronaut-blue { border-color: var(--marine-color-astronaut-blue); }
.marine-border-cool-grey { border-color: var(--marine-color-cool-grey); }

/* Text Colors */
.marine-text-astronaut-blue {color: var(--marine-color-astronaut-blue);}
.marine-text-color-white {color: var(--marine-color-white);}

/* Paragraph Width  */
.marine-max-width {max-width: 75ch; margin-left: auto; margin-right: auto;}
}