:root {
    --banana-body-font: "proxima-nova", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    --banana-body-font-size: 1.2rem;
    --banana-body-font-size-small: 1rem;
    /* COLORS */
    /* primary as 30% rule */
    --banana-background-primary: #3D687F;
    --banana-background-primary-dark: #2E4D5D;
    --banana-foreground-primary: #1C2B33;
    --banana-foreground-primary-light: white;
    /* accent */
    --banana-accent-primary-highlight: #FFB347;
    /* From ChatGPT */
    /* Primary brand */
    --banana-primary: #3D687F;
    --banana-primary-dark: #2E4D5D;
    --banana-primary-light: #5C8599;
    --banana-primary-tint: #BFD3DD;
    /* Accents */
    --color-accent-warm: #FFB347;
    --color-accent-cool: #9BD3D0;
    --color-accent-complementary: #7F553D;
    /* Backgrounds & neutrals */
    --color-base-light: #F5F7F9;
    --color-base-neutral: #E0E6EA;
    --color-base-text-dark: #1C2B33;
    --color-white: #FFFFFF;
}