:root {
    --ih-contrast-text: #10233f;
    --ih-muted-text: #4b5563;
    --ih-primary-bg: #484d75;
    --ih-danger-text: #b00020;
    --ih-reaction-yellow: #ffd648;
    --ih-reaction-heart: #ffb3c1;
}

.btn.btn-primary,
.login-btn,
#chatSendButton {
    background: var(--ih-primary-bg) !important;
    border-color: var(--ih-primary-bg) !important;
    color: #ffffff !important;
}

.btn.btn-secondary {
    background: #4b5563 !important;
    border-color: #4b5563 !important;
    color: #ffffff !important;
}

.modal .btn.btn-primary,
.modal .btn.btn-secondary {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: var(--ih-contrast-text) !important;
}

.btn.btn-outline-secondary,
.btn.btn-outline-danger {
    background-color: #ffffff !important;
}

.btn.btn-outline-secondary {
    color: var(--ih-contrast-text) !important;
    border-color: #4b5563 !important;
}

.btn.btn-outline-danger {
    color: var(--ih-danger-text) !important;
    border-color: var(--ih-danger-text) !important;
}

.people-list .status,
.chat .chat-history .message-data-time {
    color: var(--ih-muted-text) !important;
}

.chat .chat-history .message,
.suggestions {
    color: var(--ih-contrast-text) !important;
}

.chat .chat-history .other-message,
.suggestions {
    background: #48b0f7 !important;
}

.chat .chat-history .other-message:after {
    border-bottom-color: #48b0f7 !important;
}

.yellow {
    color: var(--ih-reaction-yellow) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
}

.crimson {
    color: var(--ih-reaction-heart) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
}

#exitButton,
#stopButton,
#recordingStatusButton,
.attendees-envelopes {
    color: var(--ih-danger-text) !important;
}

.translateMessage {
    opacity: 1 !important;
    color: #ffffff !important;
    background-color: rgba(0, 0, 0, 0.88) !important;
    padding: 6px 10px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85);
}

#recordingStatus {
    background: rgba(17, 24, 39, 0.92) !important;
    color: #ffffff !important;
}

#recordingStatus span {
    color: #ffffff !important;
}

.inlineicons {
    color: var(--ih-muted-text) !important;
}