:root {
--landing-page-primary-bg-color: #FFFFFF;
--landing-page-secondary-bg-color: #F4F4F5;
--landing-page-tertiary-bg-color: #E4E4E5;
--landing-page-quaternary-bg-color: #3390EC;
--landing-page-quinary-bg-color: #FFF9C4;
--landing-page-senary-bg-color: #000000;
--landing-page-septenary-bg-color: #2AABEE;
--landing-page-octonary-bg-color: #E7EBF0;
--landing-page-primary-text-color: #222222;
--landing-page-secondary-text-color: #707579;
--landing-page-tertiary-text-color: #A1AAB3;
--landing-page-quaternary-text-color: #FFFFFF;
--landing-page-quinary-text-color: #FFCA28;
--landing-page-senary-text-color: #3390EC;
--landing-page-septenary-text-color: #222222;
--landing-page-octonary-text-color: #707579;
--landing-page-primary-border-color: #E4E4E5;
--landing-page-secondary-border-color: #F4F4F5;
--landing-page-primary-font-size: 26px;
--landing-page-secondary-font-size: 18px;
--landing-page-tertiary-font-size: 17px;
--landing-page-quaternary-font-size: 16px;
--landing-page-quinary-font-size: 15px;
--landing-page-senary-font-size: 14px;
--chat-page-primary-bg-color: #FFFFFF;
--chat-page-secondary-bg-color: #3390EC;
--chat-page-tertiary-bg-color: #E4E4E5;
--chat-page-quaternary-bg-color: #FFFFFF;
--chat-page-quinary-bg-color: #3390EC;
--chat-page-primary-border-color: #E4E4E5;
--chat-page-primary-font-size: 14px;
--chat-page-secondary-font-size: 18px;
--chat-page-tertiary-font-size: 15px;
--chat-page-primary-text-color: #3390EC;
--chat-page-secondary-text-color: #FFFFFF;
--chat-page-tertiary-text-color: #707579;
--side-navigation-primary-bg-color: #F4F4F5;
--side-navigation-secondary-bg-color: #FFFFFF;
--side-navigation-tertiary-bg-color: #E7EBF0;
--side-navigation-quaternary-bg-color: #3390EC;
--side-navigation-primary-text-color: #707579;
--side-navigation-secondary-text-color: #3390EC;
--side-navigation-tertiary-text-color: #2AABEE;
--side-navigation-quaternary-text-color: #FFFFFF;
--side-navigation-primary-border-color: #E4E4E5;
--side-navigation-primary-font-size: 15px;
--side-navigation-secondary-font-size: 13px;
--side-navigation-tertiary-font-size: 20px;
--left-side-content-primary-bg-color: #FFFFFF;
--left-side-content-secondary-bg-color: #F4F4F5;
--left-side-content-tertiary-bg-color: #FFFFFF;
--left-side-content-quaternary-bg-color: #3390EC;
--left-side-content-quinary-bg-color: #2AABEE;
--left-side-content-senary-bg-color: #FFEBEE;
--left-side-content-septenary-bg-color: #FFCA28;
--left-side-content-octonary-bg-color: #F28C48;
--left-side-content-nonary-bg-color: #54A9EB;
--left-side-content-denary-bg-color: #3390EC;
--left-side-content-primary-text-color: #707579;
--left-side-content-secondary-text-color: #A1AAB3;
--left-side-content-tertiary-text-color: #3390EC;
--left-side-content-quaternary-text-color: #2AABEE;
--left-side-content-quinary-text-color: #DF3F40;
--left-side-content-senary-text-color: #FFFFFF;
--left-side-content-primary-border-color: #E4E4E5;
--left-side-content-secondary-border-color: #FFCDD2;
--left-side-content-tertiary-border-color: #3390EC;
--left-side-content-quaternary-border-color: #E4E4E5;
--left-side-content-primary-font-size: 13px;
--left-side-content-secondary-font-size: 12px;
--left-side-content-tertiary-font-size: 15px;
--left-side-content-quaternary-font-size: 14px;
--left-side-content-quinary-font-size: 11px;
--left-side-content-senary-font-size: 25px;
--left-side-content-septenary-font-size: 20px;
--audio-player-primary-bg-color: #222222;
--audio-player-secondary-bg-color: #FFFFFF;
--audio-player-tertiary-bg-color: #3390EC;
--audio-player-quaternary-bg-color: #2C2C2C;
--audio-player-quinary-bg-color: #E7EBF0;
--audio-player-senary-bg-color: #54A9EB;
--audio-player-primary-text-color: #FFFFFF;
--audio-player-secondary-text-color: #707579;
--audio-player-tertiary-text-color: #A1AAB3;
--audio-player-quaternary-text-color: #FFFFFF;
--audio-player-quinary-text-color: #707579;
--audio-player-senary-text-color: #3390EC;
--audio-player-primary-border-color: #E4E4E5;
--audio-player-primary-font-size: 20px;
--audio-player-secondary-font-size: 15px;
--audio-player-tertiary-font-size: 14px;
--audio-player-quaternary-font-size: 13px;
--audio-player-quinary-font-size: 27px;
--audio-player-senary-font-size: 11px;
--form-primary-bg-color: #FFFFFF;
--form-secondary-bg-color: #F4F4F5;
--form-tertiary-bg-color: #3390EC;
--form-quaternary-bg-color: #2AABEE;
--form-quinary-bg-color: #000000;
--form-senary-bg-color: #FFEBEE;
--form-septenary-bg-color: #E7EBF0;
--form-octonary-bg-color: #54A9EB;
--form-primary-text-color: #707579;
--form-secondary-text-color: #FFFFFF;
--form-tertiary-text-color: #3390EC;
--form-quaternary-text-color: #2AABEE;
--form-quinary-text-color: #DF3F40;
--form-primary-border-color: #E4E4E5;
--form-secondary-border-color: #FFCDD2;
--form-tertiary-border-color: #3390EC;
--form-primary-font-size: 14px;
--form-secondary-font-size: 15px;
--form-tertiary-font-size: 18px;
--info-panel-primary-bg-color: #FFFFFF;
--info-panel-secondary-bg-color: #F4F4F5;
--info-panel-tertiary-bg-color: #3390EC;
--info-panel-quaternary-bg-color: #2AABEE;
--info-panel-quinary-bg-color: #FDFDFD;
--info-panel-senary-bg-color: #DADCE0;
--info-panel-primary-text-color: #222222;
--info-panel-secondary-text-color: #707579;
--info-panel-tertiary-text-color: #3390EC;
--info-panel-quaternary-text-color: #2AABEE;
--info-panel-quinary-text-color: #FFFFFF;
--info-panel-primary-border-color: #E4E4E5;
--info-panel-secondary-border-color: #FFCDD2;
--info-panel-tertiary-border-color: #3390EC;
--info-panel-primary-font-size: 16px;
--info-panel-secondary-font-size: 14px;
--info-panel-tertiary-font-size: 15px;
--info-panel-quaternary-font-size: 13px;
--welcome-screen-primary-bg-color: #F4F4F5;
--welcome-screen-primary-text-color: #707579;
--welcome-screen-secondary-text-color: #A1AAB3;
--welcome-screen-primary-border-color: #E4E4E5;
--welcome-screen-primary-font-size: 19px;
--welcome-screen-secondary-font-size: 14px;
--welcome-screen-tertiary-font-size: 13px;
--custom-page-primary-bg-color: #F4F4F5;
--custom-page-secondary-bg-color: #FFFFFF;
--custom-page-primary-text-color: #707579;
--custom-page-secondary-text-color: #3390EC;
--custom-page-tertiary-text-color: #2AABEE;
--custom-page-primary-border-color: #E4E4E5;
--custom-page-primary-font-size: 15px;
--custom-page-secondary-font-size: 14px;
--statistics-primary-bg-color: #F4F4F5;
--statistics-secondary-bg-color: #FFFFFF;
--statistics-tertiary-bg-color: #222222;
--statistics-quaternary-bg-color: #2C2C2C;
--statistics-quinary-bg-color: #3390EC;
--statistics-senary-bg-color: #A1AAB3;
--statistics-septenary-bg-color: #FFCA28;
--statistics-primary-text-color: #222222;
--statistics-secondary-text-color: #707579;
--statistics-tertiary-text-color: #FFFFFF;
--statistics-quaternary-text-color: #A1AAB3;
--statistics-quinary-text-color: #3390EC;
--statistics-senary-text-color: #2AABEE;
--statistics-septenary-text-color: #000000;
--statistics-primary-border-color: #E4E4E5;
--statistics-primary-font-size: 14px;
--statistics-secondary-font-size: 17px;
--statistics-tertiary-font-size: 15px;
--statistics-quaternary-font-size: 19px;
--membership_info-primary-bg-color: #F4F4F5;
--membership_info-secondary-bg-color: #FFFFFF;
--membership_info-tertiary-bg-color: #E7EBF0;
--membership_info-quaternary-bg-color: #FFFFFF;
--membership_info-quinary-bg-color: #3390EC;
--membership_info-senary-bg-color: #E7EBF0;
--membership_info-septenary-bg-color: #FFFFFF;
--membership_info-octonary-bg-color: #FFCA28;
--membership_info-nonary-bg-color: #FFFFFF;
--membership_info-denary-bg-color: #222222;
--membership_info-primary-text-color: #222222;
--membership_info-secondary-text-color: #000000;
--membership_info-tertiary-text-color: #707579;
--membership_info-quaternary-text-color: #707579;
--membership_info-quinary-text-color: #3390EC;
--membership_info-senary-text-color: #2AABEE;
--membership_info-septenary-text-color: #000000;
--membership_info-octonary-text-color: #FFCA28;
--membership_info-nonary-text-color: #000000;
--membership_info-denary-text-color: #000000;
--membership_info-primary-border-color: #E4E4E5;
--membership_info-primary-font-size: 14px;
--membership_info-secondary-font-size: 17px;
--membership_info-tertiary-font-size: 15px;
--membership_info-quaternary-font-size: 19px;
--membership_info-quinary-font-size: 27px;
--membership_info-senary-font-size: 16px;
--chat-window-primary-bg-color: #E7EBF0;
--chat-window-secondary-bg-color: #FFFFFF;
--chat-window-tertiary-bg-color: #EEFFDE;
--chat-window-quaternary-bg-color: #3390EC;
--chat-window-quinary-bg-color: #FFFFFF;
--chat-window-senary-bg-color: #FFF9C4;
--chat-window-septenary-bg-color: #E4E4E5;
--chat-window-octonary-bg-color: #3390EC;
--chat-window-nonary-bg-color: #54A9EB;
--chat-window-denary-bg-color: #A1AAB3;
--chat-window-primary-text-color: #707579;
--chat-window-secondary-text-color: #FFFFFF;
--chat-window-tertiary-text-color: #FFFFFF;
--chat-window-quaternary-text-color: #707579;
--chat-window-quinary-text-color: #3390EC;
--chat-window-senary-text-color: #2AABEE;
--chat-window-septenary-text-color: #222222;
--chat-window-octonary-text-color: #222222;
--chat-window-nonary-text-color: #3390EC;
--chat-window-denary-text-color: #A1AAB3;
--chat-window-undenary-text-color: #FFCA28;
--chat-window-duodenary-text-color: #FFCA28;
--chat-window-primary-border-color: #E4E4E5;
--chat-window-secondary-border-color: #FFFFFF;
--chat-window-tertiary-border-color: #E4E4E5;
--chat-window-quaternary-border-color: #707579;
--chat-window-quinary-border-color: #3390EC;
--chat-window-senary-border-color: #FFCA28;
--chat-window-septenary-border-color: #E4E4E5;
--chat-window-primary-font-size: 14px;
--chat-window-secondary-font-size: 15px;
--chat-window-tertiary-font-size: 13px;
--chat-window-quaternary-font-size: 12px;
--chat-window-quinary-font-size: 19px;
--chat-window-senary-font-size: 27px;
--chat-window-septenary-font-size: 30px;
--chat-window-octonary-font-size: 34px;
--chat-window-nonary-font-size: 22px;
--entry-page-primary-bg-color: #FFFFFF;
--entry-page-secondary-bg-color: #F4F4F5;
--entry-page-tertiary-bg-color: #3390EC;
--entry-page-quaternary-bg-color: #2AABEE;
--entry-page-quinary-bg-color: #A1AAB3;
--entry-page-senary-bg-color: #54A9EB;
--entry-page-primary-text-color: #707579;
--entry-page-secondary-text-color: #A1AAB3;
--entry-page-tertiary-text-color: #222222;
--entry-page-quaternary-text-color: #FFFFFF;
--entry-page-quinary-text-color: #3390EC;
--entry-page-senary-text-color: #222222;
--entry-page-primary-border-color: #E4E4E5;
--entry-page-secondary-border-color: #DADCE0;
--entry-page-tertiary-border-color: #3390EC;
--entry-page-quaternary-border-color: #E4E4E5;
--entry-page-primary-font-size: 14px;
--entry-page-secondary-font-size: 15px;
--entry-page-tertiary-font-size: 18px;
--entry-page-quaternary-font-size: 20px;
--entry-page-quinary-font-size: 16px;
--entry-page-senary-font-size: 13px;
}





/* Modern styling for all buttons */
.voice_message_button,
.emoji_button,
.attach_button {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 8px;
    transition: background 0.2s, transform 0.1s;
    color: #000000; /* Changed from white to black */
}

/* Hover & Active Effects */
.voice_message_button:hover,
.emoji_button:hover,
.attach_button:hover {
    background: rgba(255, 255, 255, 0.1);
}

.voice_message_button:active,
.emoji_button:active,
.attach_button:active {
    transform: scale(0.95);
}

/* Maintain your mobile rule */
@media (max-width: 991px) {
    .emoji_button {
        display: none !important;
    }
}

/* Ensure SVGs inside look consistent */
.icon svg {
    display: block;
}