/* Primary colors */
:root {
    --color-primary: #999AC6;
    /* Primary color for highlights and Heading 1 */
    --color-secondary: #0B3954;
    /* Secondary highlight for Headings 4 & 5 */

    /* Supporting colors */
    --color-light: #FFF9EC;
    /* Light color for card backgrounds */
    --color-dark: #798071;
    /* Dark color for subdued elements */
    --color-bright: #FF5A5F;
    /* Bright color for buttons and warning text */
    --color-background: #FCFAFA;
    /* Background color for the page */
}

/* Global styles */
body {
    background-color: var(--color-background);
    color: var(--color-dark);
    font-family: 'Urbanist', sans-serif;
    /* Default text color for subdued elements */
    line-height: 1.5;

    h1 {
        font-size: 4rem;
        /*32px*/
        color: var(--color-primary);
        line-height: 1.5;
    }

    h2 {
        font-size: 3rem;
        /*24px*/
        line-height: 1.5;
    }

    h3 {
        font-size: 1.5rem;
        /*20px*/
        line-height: 1.5;
    }

    h4 {
        font-size: 1rem;
        /*16px*/
        color: var(--color-secondary);
        line-height: 1.5;
    }

    h5 {
        font-size: 0.75rem;
        /*12px*/
        color: var(--color-secondary);
        line-height: 1.5;
    }
}