/* ====================================================================================
 Global Styles
 =====================================================================================*/
:root {
    --primary: hsl(173, 71%, 23%);
    --primary-transparent90: hsla(173, 71%, 23%, 0.9);
    --primary-transparent80: hsla(173, 71%, 23%, 0.8);
    --primary-transparent10: hsla(173, 71%, 23%, 0.1);
    --secondary: hsl(141, 28%, 58%);
    --secondary-transparent90: hsla(141, 28%, 58%, 0.9);
    --secondary-transparent80: hsla(141, 28%, 58%, 0.8);
    --secondary-transparent10: hsla(141, 28%, 58%, 0.1);
    --muted: #444852;
    --bg: hsl(180 40% 95%);
    --card: hsl(0, 0%, 100%);
    --card-transparent: hsl(0, 0%, 100%, 0.2);

    --card-shadow:
        inset 0 1px 1px rgba(255, 255, 255, 0.9),
        inset 0 -3px 6px rgba(0, 0, 0, 0.06),
        0 1px 2px rgba(0, 0, 0, 0.04),
        0 12px 24px rgba(0, 0, 0, 0.06);

    --text: hsl(171, 13%, 28%);
    --title-font: "Madimi One", sans-serif;
    --main-font: "Fira Sans", sans-serif;

    --theme-intense: hsl(148, 70%, 60%);
    --theme-dark: hsl(180, 71%, 23%);
    --theme-medium: hsl(160, 44%, 45%);
    --theme-light: hsl(148, 50%, 78%);
    --bright-accent: hsl(3, 97%, 65%);
    --soft-accent: hsl(220, 40%, 40%);
}