:root {
    --accent-light: hsl(0, 100%, 91%);
    --accent-hover: hsl(0, 59%, 77%);
    --accent: hsl(0, 100%, 64%);
    --shadow: hsl(0, 13%, 18%);

    --primary-text: hsl(229, 100%, 89%);
    --primary-cream: hsl(229, 36%, 63%);
    --primary-custard: hsl(229, 25%, 54%);
    --primary: hsl(229, 31%, 38%);
    --primary-wallpaper: hsl(229, 45%, 36%);
    --primary-dark: hsl(229, 97%, 13%);

    --secondary-highlight: hsl(198, 100%, 95%);
    --secondary-text: hsl(198, 29%, 83%);
    --secondary: hsl(198, 64%, 58%);
    --secondary-dark: hsl(198, 51%, 25%);
}

body {
    background-color: var(--primary-wallpaper);
    background-image: url('../images/patterns/Pattern2B.png');
}