:root {
    /*
    --------------------
    COLORS
    --------------------
    */
    --color-primary: #062644;
    --color-secondary: #E31837;
    --color-accent: #E6E3DE;
    --color-text: var(--color-primary);
    --color-text-light: var(--color-secondary);
    --color-background: var(--color-white);
    --color-white: #ffffff;
    --color-black: #000000;

    /*
    --------------------
    FONTS
    --------------------
    */
    --font-family-sans-serif: 'Aptos', Helvetica, Arial, sans-serif;
    --font-family-serif: 'Georgia', serif;

    --font-size-sm: 1.125rem; /* 18px */
    --font-size-base: 1.5rem; /* 24px */
    --font-size-lg: 2rem; /* 32px */
    --font-size-xl: 3rem; /* 48px */

    --font-size-h1: 4rem; /* 64px */
    --font-size-h2: 2.5rem; /* 40px */
    --font-size-h3: 1.5rem; /* 24px */

    /*
    --------------------
    LAYOUT & ABSTAND
    --------------------
    */
    --spacing-sm: 0.5rem; /* 8px */
    --spacing-md: 1rem; /* 16px */
    --spacing-lg: 2rem; /* 32px */
    --border-radius: 5px;
    --max-width: 1200px;
}