:root {
        --primary: #998675;
        --secondary: #998675;
        --primaryFont: "Nunito", sans-serif;
        --primaryColor: #b795f2;
        --light: #F0FBFC;
        --dark: #181818;
        --primary-color: #b795f2; /* Main button and accent color */
        --background-color: #1a1a1a; /* Dark background */
        --form-background: #2c2c2c; /* Form container background */
        --text-color: #ffffff; /* Primary text color */
        --secondary-text-color: #b0b0b0; /* Secondary text color */
        --input-background: #3a3a3a; /* Input field background */
        --input-border: #4a4a4a; /* Input field border */
        --error-color: #ff4747; /* Error message color */
}


.logo {
    max-width:170px !important;
}

/* Text colours from the Pro Recipes Figma frames */
.hero-cta,
.hero-cta:hover {
    color: #000 !important;
}

.section-one-text,
.section-one-text a,
.section-one-text a:hover {
    color: #000 !important;
}

.signup-button,
.login-button,
.cancel-button {
    color: #60278D !important;
}
    
    

.desktop-closed-message-avatar ~ div {
    color: var(--primaryColor, 161616) !important;
    font-weight: 500;
}