:root {
    /* Background colors */
    --sky-dark-blue: #1a1a1a;
    --sky-dark-gray: #595f69;
    --sky-background-color: #FFFFFF;
    --sky-dialog-background-color: var(--sky-background-color);        
    --sky-bubble-color: #f0f0f0;
    --sky-my-bubble-color: #e8e8e8;
    --sky-light-green: #1f7a5a;
    --sky-quote-color: #e0e0e0;
    --sky-message-selected-color: rgba(47, 94, 168, 0.18);
    --sky-channel-link-color: #0066cc;
    
    /* Highlight and UI */
    --sky-highlight-color: #dae8fc;
    --sky-red: #d41a3a;
    
    /* Message form */
    --msg-form-input-background-color: #f9f9f9;
    --msg-form-input-text-color: #1a1a1a;
    --box-saisie-replyto-background-color: #e6ebf2;
    --box-saisie-replyto-text-color: #1a1a1a;
    --chat-area-border-color: rgba(0, 0, 0, 0.12);
    --msg-popover-border-color: rgba(0, 0, 0, 0.12);
    --user-menu-border-color: var(--sky-gray-light);
    --msg-popover-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
    --list-text-color: #1a1a1a;
    --list-separator-color: #e0e0e0;
    
    /* Choice cards */
    --sky-choice-card-background: rgba(0, 0, 0, 0.08);
    --sky-choice-card-background-hover: rgba(0, 0, 0, 0.12);
    --sky-choice-card-background-active: rgba(0, 0, 0, 0.18);
    --sky-choice-card-border: rgba(0, 0, 0, 0.14);
    --sky-choice-card-border-active: #000000;
    --sky-choice-card-border-disabled: rgba(0, 0, 0, 0.22);
    --sky-choice-card-text: #000000;
    --sky-choice-card-text-muted: rgba(0, 0, 0, 0.78);
    --sky-choice-card-text-disabled: rgba(0, 0, 0, 0.6);
    --sky-light-gray-strong: #000000;
    --sky-light-gray-medium: #5f6368;
    --sky-light-gray-muted: #757575;
    --profile-distance-slider-track-color: #2f9dff;
    --profile-distance-slider-track-background: rgba(0, 0, 0, 0.12);
    --profile-distance-slider-thumb-border-color: rgba(0, 0, 0, 0.24);
    --profile-distance-slider-focus-ring: rgba(47, 157, 255, 0.25);
    --color-gender-man: #0069b8;
    --color-gender-undefined: #61656f;
    --sky-modo-msg-control-color: #000000;
    --sky-modo-msg-control-opacity: 0.32;
    --sky-modo-msg-control-opacity-hover: 0.92;
    --ban-list-hover-bg: rgba(47, 94, 168, 0.12);
    --ban-list-selected-bg: rgba(47, 94, 168, 0.18);
    --conv-list-pending-color: #8f6500;
    
    /* Scrollbar */
    scrollbar-color: #d0d0d0 transparent;
    color-scheme: light;
}

/* Remove grayscale filter on avatars for light theme */
img[src*="static2020/avatar_"], img[src*="images/avatar-default"] {
    filter: none;
}

/* ========== HEADER ========== */
#header-context {
    background-color: #f5f5f5;
    color: #1a1a1a;
}

#header-context .header-control-button {
    color: #1a1a1a;
}

#header-context .header-control-button i,
#header-context .header-control-button svg,
#header-context .header-control-button svg * {
    fill: currentColor;
    stroke: currentColor;
}

#btn_openuserlist:not(.active),
#btn_pm_actions {
    filter: brightness(0) saturate(100%);
}

#header-title, #header-topic {
    color: #1a1a1a;
}

#btn_closeview {
    color: #1a1a1a;
}

#btn_closeview .fa-xmark {
    color: #1a1a1a;
}

/* ========== LEFT NAVIGATION ========== */
#left-nav-container {
    background-color: #f5f5f5;
    color: #1a1a1a;
}

.nav-label {
    color: #1a1a1a;
}

.left-nav-item-button {
    color: #1a1a1a;
}

.left-nav-section-divider {
    background: rgba(0, 0, 0, 0.15);
}

.chan-nav-img {
    background-color: #e6ebf2;
    border: 1px solid #cfd6df;
}

#left-channels-home .conv-nav-img,
#left-conversations-home .conv-nav-img,
#left-settings-button .conv-nav-img {
    background-color: #e6ebf2;
    border: 1px solid #cfd6df;
    color: #2f5ea8;
}

#left-channel-nav > li.highlight, #left-pm-nav > li.highlight {
    color: #d41a3a;
}

/* ========== CHAT MESSAGES ========== */
.chan-messages {
    color: #1a1a1a;
}

.chan-messages span.username,
.chan-messages span.time,
ul.chan-messages div.replyto-original-message span.username,
div.replyto span.username {
    color: var(--sky-username-color);
}

.chan-messages li span.highlighted-nick {
    color: #d41a3a;
    font-weight: bold;
}

.chan-messages li.highlighted > .message-right-container > div.names {
    background-color: rgba(47, 94, 168, 0.18);
}

.chan-messages div.replyto-original-message {
    color: #555555;
    border-left-color: #0066cc;
}

.chan-messages div.replyto-original-message svg path {
    fill: #555555;
}

.replyto i.fa-reply {
    color: var(--msg-form-input-text-color);
}

.eventmessage {
    color: #1a1a1a;
}

.eventmessage img {
    background-color: #1a1a1a;
}

/* ========== USER LIST ========== */
.user-list-area {
    background-color: #f5f5f5;
}

.user-list-area-count {
    color: #1a1a1a;
}

.user-list-area-status {
    color: #1a1a1a;
}

.profile-visits-title,
.profile-visits-results-status,
.profile-visits-visited-at {
    color: #1a1a1a;
}

/* ========== USER LOGS ========== */
.userLogsList li {
    color: #1a1a1a;
}

.userLogs-username {
    color: var(--sky-username-color);
}

/* ========== MESSAGE FORM & POPOVERS ========== */
.pm-voice-recorder-label {
    color: #1a1a1a;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
}

.pm-message-audio audio {
    background: #f0f0f0;
    border-color: rgba(0, 0, 0, 0.12);
}

.btn_camera, .btn_microphone {
    color: #1a1a1a;
}

div.btn_gotobottom {
    background-color: #e8e8e8;
    color: #333333;
}

/* ========== DIALOGS & MENUS ========== */
.userMenu {
    background-color: rgba(0, 0, 0, 0);
}

.userMenu.show {
    background-color: rgba(0, 0, 0, 0.5);
}

.inputHistoryMenu li {
    color: #1a1a1a;
}

#highlightmenu {
    background-color: #ffffff;
}

#highlightmenu li {
    color: #1a1a1a;
}

#dialog {
    background-color: #ffffff;
    color: #1a1a1a;
}

#dialog-titlebar {
    background-color: #f5f5f5;
    color: #1a1a1a;
}

#dialog-title {
    color: #1a1a1a;
}

#dialog-close-button {
    color: #1a1a1a;
}

#dialog-content {
    color: #1a1a1a;
}

.buttonform {
    color: #ffffff;
}

input[type="submit"] {
    color: #1a1a1a;
}

textarea, input[type="text"], input[type="password"] {
    color: #1a1a1a;
    background-color: #f9f9f9;
    border-color: rgba(0, 0, 0, 0.12);
}

select {
    color: #1a1a1a;
    background-color: #f9f9f9;
    border-color: rgba(0, 0, 0, 0.12);
}

/* ========== SETTINGS & NOTIFICATIONS ========== */
.notification-settings-dialog,
.display-settings-dialog {
    color: #1a1a1a;
}

.notification-settings-intro,
.display-settings-intro {
    color: #1a1a1a;
}

.notification-settings-group-title {
    color: rgba(0, 0, 0, 0.68);
}

.settings-option-row {
    border-bottom-color: rgba(0, 0, 0, 0.08);
    background-color: var(--sky-choice-card-background);
}

.settings-option-copy strong {
    color: var(--sky-choice-card-text);
}

.settings-option-copy small {
    color: var(--sky-choice-card-text-muted);
}

.settings-option-check {
    color: #1a1a1a;
}

.blocked-users-dialog {
    color: #1a1a1a;
}

.blocked-users-status {
    color: #1a1a1a;
}

/* ========== USER PROFILE ========== */
#dialog.userProfileDialog {
    background-color: #f5f5f5;
}

#dialog-content.userProfile {
    background-color: #f5f5f5;
    color: #1a1a1a;
}

.user-profile {
    background: #f5f5f5;
    color: #1a1a1a;
}

.profile-sidebar-area .user-profile-loading {
    color: #1a1a1a;
}

.user-profile-inline-cta,
.user-profile-footer {
    background: #e6ebf2;
    color: #1a1a1a;
}

.profile-sidebar-area .user-profile-about-title,
.profile-sidebar-area .user-profile-about-text,
.profile-sidebar-area .user-profile-punchline-quote,
.profile-sidebar-area .user-profile-flag,
.profile-sidebar-area .user-profile-punchline-artist,
.profile-sidebar-area .user-profile-track-artist,
.profile-sidebar-area .user-profile-track-title,
.profile-sidebar-area .user-profile-empty-state,
.profile-sidebar-area .user-profile-artist-name,
.profile-sidebar-area .user-profile-report-link,
.profile-sidebar-area .user-profile-username-age,
.profile-sidebar-area .user-profile-displayname-age,
.profile-sidebar-area .user-profile-distance-line {
    color: #1a1a1a;
}

.user-profile-close {
    background-color: rgba(255, 255, 255, 0.92);
    color: #1a1a1a;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
}

.user-profile-avatar-ring {
    background: conic-gradient(var(--sky-red) var(--profile-progress), #d6dde7 0);
}

/* ========== PROFILE SEARCH ========== */
.profile-search-panel-header {
    color: #1a1a1a;
}

.profile-search-panel-copy {
    color: #4f5661;
}

.profile-search-label {
    color: #2f3640;
}

.profile-search-checkbox span {
    color: #2f3640;
}

.profile-search-results-status {
    color: #2f3640;
}

.reportUser-label {
    color: #2f3640;
}

.profile-search-field input:not([type="hidden"]):not([type="range"]) {
    background-color: #f9f9f9;
    color: #1a1a1a;
    border-color: rgba(0, 0, 0, 0.12);
}

.profile-search-field input::placeholder {
    color: #aaaaaa;
}

/* ========== OTHER UI ELEMENTS ========== */
.history-loading-indicator {
    background: linear-gradient(90deg, transparent, #ff6b9d, transparent);
    background-size: 200% 100%;
}

.dropupMenu,
.emoji-picker-panel {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.12);
    color: #1a1a1a;
}

.chat-logout-link {
    color: #1a1a1a;
}

.time {
    color: var(--sky-light-gray-medium);
}

.white {
    color: #1a1a1a;
}

.blue {
    color: var(--color-gender-man);
}

.pm-message-status--sending,
.pm-message-status--sent {
    color: var(--sky-light-gray-medium);
}

.pm-message-status--received,
.pm-message-status--read {
    color: var(--sky-channel-link-color);
}

.conv-list-item-unread {
    color: #1a1a1a;
}

.conv-tab {
    color: var(--sky-light-gray-medium);
}

.conv-tab.active {
    color: var(--sky-light-gray-strong);
}

.conv-list-item-text {
    color: var(--sky-light-gray-medium);
}

.conv-list-item-time {
    color: var(--sky-light-gray-muted);
}

.pink {
    color: var(--color-gender-woman);
}

.black {
    color: var(--color-gender-undefined);
}

.result-official-channels li {
    background-color: #e5e9f0;
}

.result-official-channels li .chan_name {
    color: #1f2430;
}

.join {
    color: #5bb30f;
}

.part, .quit {
    color: #666666;
}

.action {
    color: #fb9cfb;
}

.mode, .ban {
    color: #cc9944;
}

.kick {
    color: #ff6666;
}