:root {
    --primaryFont: "Poppins", sans-serif;
    --secondaryFont: "Emblema One", system-ui;
    --primaryColor: #ff1df6;
    --secondaryColor: #e5e5e5;
    --tertiaryColor: #4c274d;
    --bgColor: #fff;
    --footerTextColor:#e5e5e5;
    /* CSS Variables for Color Customization */
    --primary-color: #fb5b21; /* 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: #cacaca; /* Secondary text color */
    --input-background: #3a3a3a; /* Input field background */
    --input-border: #4a4a4a; /* Input field border */
    --error-color: #ff4d4d; /* Error message color */
}

.terms_wrapper > main p {
color:var(--termsColor);
}

.terms_wrapper > main > div > div > div > h1 {
    color:var(--termsColor);
}
.terms_wrapper > main > div > div > div > h2 {
    color:var(--termsColor);
}
.terms_wrapper > main > div > div > div > h3 {
    color:var(--termsColor);
}
.terms_wrapper > main > div > div > div > h4 {
    color:var(--termsColor);
}
.terms_wrapper > main > div > div > div > h5 {
    color:var(--termsColor);
}
.terms_wrapper > main > div > div > div > h6 {
    color:var(--termsColor);
}

    

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