/*
 * RDA Chat - tema claro
 *
 * Aplicado quando <html> tem a classe "rda-light".
 * O tema escuro continua sendo static/themes/rda/theme.css.
 */

html.rda-light {
    --brand-primary: #2f896b;
    --brand-primary-hover: #3aa183;
    --brand-midtone: #e3e8e5;
    --brand-darktone: #6f7a75;
    --brand-default-bg: #f7f8f7;
    --brand-default-fg: #2b2f2d;
    --brand-notice: #d9a02a;
    --brand-warning: #dd8a34;
    --brand-error: #b9444c;

    --brand-input-border: #ccd4d0;
    --brand-input-fg: #2b2f2d;
    --brand-input-bg: #ffffff;

    --comp-workspace-before-bg: var(--brand-primary);
    --comp-bg-kiwi-workspace--disconnected-after-bg: var(--brand-error);
    --comp-header-bg: #ffffff;
    --comp-header-name-fg: #1f2422;
    --comp-header-option-active-fg: #ffffff;
    --comp-header-option-active-bg: var(--brand-primary);
    --comp-statebrowser-fg: #343a37;
    --comp-statebrowser-bg: #eef1ef;
    --comp-statebrowser-bg-networkname: #dfe5e1;
    --comp-statebrowser-channel-active-bg: rgba(47, 137, 107, 0.12);
    --comp-statebrowser-channel-active-fg: #1f2422;
    --comp-usermenu-open-bg: #e4eae6;
    --comp-statebrowser-network-border: #c7d0cb;
    --comp-sidebar-bg: #ffffff;
    --comp-sidebar-fg: #2b2f2d;
    --comp-scroller-bg: #b9c2bd;
    --comp-scroller-fg: #6f7a75;
    --comp-aboutbuffer-bg: rgba(0, 0, 0, 0.02);
    --comp-aboutbuffer-header-bg: var(--brand-primary);
    --brand-link-normal: #267459;
    --brand-link--hover: #2f896b;
    --brand-shadow: rgba(0, 0, 0, 0.08);
    --comp-border: #d8dfdb;
}

html.rda-light body {
    background: #eef1ef;
    color: #2b2f2d;
}

/* Nicks um pouco mais escuros para ler bem no fundo claro */
html.rda-light .kiwi-wrap {
    --kiwi-nick-brightness: 35;
    --kiwi-nickcolour-saturation: 45;
    --kiwi-nickcolour-lightness: 35;
}

/* ---- Cabecalho ---- */
html.rda-light .kiwi-header {
    border-bottom-color: #d8dfdb;
}
html.rda-light .kiwi-header-option--active a {
    color: #ffffff !important;
}

/* ---- Barra lateral esquerda (redes/canais) ---- */
html.rda-light .kiwi-statebrowser {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.12);
}
html.rda-light .kiwi-statebrowser-channels .kiwi-statebrowser-channel {
    color: #343a37;
}
html.rda-light .kiwi-statebrowser-divider {
    background: rgba(0, 0, 0, 0.10);
}
html.rda-light .kiwi-statebrowser-channelfilter {
    border-bottom-color: rgba(0, 0, 0, 0.15);
    color: #343a37;
}
html.rda-light .kiwi-statebrowser-channelfilter input,
html.rda-light .kiwi-statebrowser-channels-info .kiwi-statebrowser-newchannel-inputwrap input {
    background-color: #ffffff;
    color: #2b2f2d;
    border: 1px solid #ccd4d0;
}
html.rda-light .kiwi-statebrowser-newchannel a {
    border-color: rgba(0, 0, 0, 0.20);
}
html.rda-light .kiwi-statebrowser-newchannel a:hover,
html.rda-light .kiwi-statebrowser-newnetwork a:hover {
    color: #ffffff;
}
html.rda-light .kiwi-statebrowser-newnetwork a {
    color: #2b2f2d;
}
html.rda-light .kiwi-statebrowser-newchannel-inputwrap {
    color: #2b2f2d;
}
html.rda-light .kiwi-statebrowser-newchannel-inputwrap input[type='text'] {
    color: #2b2f2d;
    background: #ffffff;
}
html.rda-light .kiwi-statebrowser-scrollarea h4 {
    border-top-color: rgba(0, 0, 0, 0.12);
}
html.rda-light .kiwi-statebrowser-availablenetworks {
    border-bottom-color: rgba(0, 0, 0, 0.12);
}
html.rda-light .kiwi-statebrowser-availablenetworks-toggle,
html.rda-light .kiwi-statebrowser-nonetworks {
    background: rgba(0, 0, 0, 0.05);
}
html.rda-light .kiwi-statebrowser-switcher a:first-of-type {
    background: rgba(0, 0, 0, 0.08);
}
html.rda-light .kiwi-statebrowser-switcher a:hover {
    background: rgba(0, 0, 0, 0.05);
}
html.rda-light .kiwi-statebrowser-network-status {
    background: rgba(0, 0, 0, 0.05);
}
html.rda-light .kiwi-statebrowser-usermenu-avatar {
    background-color: #2b2f2d;
    color: #ffffff;
}
html.rda-light .kiwi-statebrowser-channel-popup {
    background: #ffffff;
    border-color: #d8dfdb;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
}

/* ---- Menu da rede ---- */
html.rda-light .kiwi-network-name-options {
    background-color: #ffffff;
    color: #2b2f2d;
    border: 1px solid #d8dfdb;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
}
html.rda-light .kiwi-network-name-option {
    color: #2b2f2d;
}
html.rda-light .kiwi-network-name-option:hover,
html.rda-light .kiwi-network-name-option.active {
    background-color: var(--brand-primary);
    color: #ffffff;
}

/* ---- Abas (configuracoes, sidebar) ---- */
html.rda-light .u-tabbed-view-tabs {
    background: #e3e8e5;
    border-bottom-color: #d8dfdb;
}
html.rda-light .u-tabbed-view-tabs .u-tabbed-view-tab {
    border-bottom-color: #d8dfdb;
}

/* ---- Lista de mensagens ---- */
html.rda-light .kiwi-messagelist-seperator {
    border-top-color: #2f896b;
}
html.rda-light .kiwi-messagelist-message--highlight,
html.rda-light .kiwi-messagelist-message.kiwi-messagelist-message--highlight {
    background: #e9f1ed;
}
html.rda-light .kiwi-messagelist-message-notice {
    background: #fdf4dd;
}
html.rda-light .kiwi-messagelist-message--modern {
    border-top-color: #e8ece9;
}
html.rda-light .kiwi-messagelist-message--info-open {
    background-color: #eef1ef;
}
html.rda-light .kiwi-messagelist-message--info-open .u-link {
    color: var(--brand-primary);
}
html.rda-light .kiwi-messagelist-message--modern .kiwi-messagelist-time {
    color: #6f7a75;
}

/* ---- Entrada de texto ---- */
html.rda-light .kiwi-controlinput-send {
    background: #eef1ef;
    color: #2b2f2d;
}
html.rda-light .kiwi-controlinput-active-tool {
    background: #f1f4f2;
}
html.rda-light ::placeholder {
    color: #7d8782;
}

/* ---- Tela de entrada ---- */
html.rda-light .kiwi-startup-common-section-info {
    background: radial-gradient(circle at 50% 35%, #ffffff 0%, #eef1ef 70%) !important;
    border-left-color: #2f896b !important;
    border-top-color: #2f896b !important;
}
html.rda-light .kiwi-welcome-simple-form .u-submit {
    color: #ffffff;
}
html.rda-light .kiwi-welcome-znc h2 {
    color: #1f2422;
}
html.rda-light .kiwi-welcome-znc-form .u-input-text {
    color: #2b2f2d;
}
html.rda-light .u-form select {
    background-color: var(--brand-primary);
    color: #ffffff;
}