/*
 * Comfortable light palette.
 * Loaded last so late component styles cannot bring back pure-white glare.
 */
[data-theme="light"] {
    --accent:#6957c3;
    --accent-light:#8675d5;
    --accent-dark:#5543ad;
    --accent-soft:rgba(105,87,195,.12);
    --accent-glow:rgba(105,87,195,.16);
    --glass-sm:rgba(207,212,222,.76);
    --glass-md:rgba(215,219,227,.88);
    --glass-lg:rgba(222,225,232,.94);
    --glass-xl:rgba(226,229,235,.98);
    --bg-deep:#c6ccd6;
    --bg-base:#cfd4dd;
    --bg-surface:#d9dde5;
    --bg-elevated:#d2d7e0;
    --bg-hover:rgba(54,47,78,.085);
    --bg-input:#cbd1db;
    --bg-glass:var(--glass-md);
    --bg-glass-strong:var(--glass-lg);
    --bg-island:rgba(219,223,231,.94);
    --text-primary:#252731;
    --text-secondary:#505461;
    --text-muted:#6b707e;
    --border-faint:rgba(42,38,58,.08);
    --border-subtle:rgba(42,38,58,.13);
    --border-light:rgba(42,38,58,.17);
    --border-medium:rgba(42,38,58,.22);
    --border-strong:rgba(42,38,58,.3);
    --shadow-xs:0 1px 2px rgba(37,34,51,.05);
    --shadow-sm:0 3px 10px rgba(37,34,51,.075);
    --shadow-md:0 9px 26px rgba(37,34,51,.1);
    --shadow-lg:0 18px 48px rgba(37,34,51,.14);
    --shadow-xl:0 30px 82px rgba(37,34,51,.2);
}

[data-theme="light"] body,
[data-theme="light"] .messenger-body {
    background:
        radial-gradient(circle at 12% -8%,rgba(116,95,199,.11),transparent 32%),
        radial-gradient(circle at 100% 100%,rgba(63,137,176,.07),transparent 34%),
        var(--bg-deep) !important;
}

[data-theme="light"] :is(
    .sidebar,
    .modern-sidebar,
    .chat-area,
    .chat-main,
    .chat-header,
    .message-composer,
    .settings-modal,
    .settings-sidebar,
    .settings-content,
    .settings-card,
    .modal-card,
    .context-menu,
    .chat-dropdown,
    .emoji-panel,
    .folder-picker,
    .sticker-flow-card,
    .up-modal,
    .story-editor-card,
    .story-viewers-panel
) {
    border-color:var(--border-subtle) !important;
}

[data-theme="light"] :is(.sidebar,.modern-sidebar,.settings-sidebar) {
    background:rgba(204,210,220,.94) !important;
}

[data-theme="light"] :is(.chat-area,.chat-main,.settings-content) {
    background:rgba(211,216,225,.72) !important;
}

[data-theme="light"] :is(
    .chat-header,
    .message-composer,
    .settings-card,
    .modal-card,
    .context-menu,
    .chat-dropdown,
    .emoji-panel,
    .folder-picker,
    .sticker-flow-card,
    .up-modal,
    .story-editor-card,
    .story-viewers-panel,
    .profile-live-card,
    .profile-save-dock
) {
    color:var(--text-primary) !important;
    background:rgba(220,224,231,.96) !important;
    box-shadow:var(--shadow-md) !important;
}

[data-theme="light"] :is(
    input:not([type="range"]):not([type="checkbox"]):not([type="radio"]):not([type="color"]),
    textarea,
    select,
    .search-container,
    .message-input-wrapper,
    .settings-input-wrap,
    .sticker-search,
    .session-row,
    .device-item,
    .up-card,
    .story-upload-zone,
    .story-privacy-option
) {
    color:var(--text-primary) !important;
    border-color:var(--border-subtle) !important;
    background:rgba(201,207,217,.78) !important;
    box-shadow:none !important;
}

[data-theme="light"] :is(
    .chat-item:hover,
    .chat-item.active,
    .settings-nav-item:hover,
    .settings-nav-item.active,
    .up-tab:hover,
    .up-tab.active,
    .story-privacy-option:hover,
    .story-privacy-option.active
) {
    background:rgba(100,84,176,.1) !important;
}

[data-theme="light"] #chat-view .message-wrapper.received .message-bubble,
[data-theme="light"] #chat-view .message-wrapper:not(.sent) .message-bubble {
    color:#2b2d36 !important;
    border-color:rgba(42,38,58,.11) !important;
    background:#d2d7df !important;
    box-shadow:0 3px 10px rgba(37,34,51,.07) !important;
}

[data-theme="light"] #chat-view .message-wrapper.sent .message-bubble {
    color:#272439 !important;
    border-color:rgba(91,73,171,.16) !important;
    background:linear-gradient(145deg,#c8c0e5,#bab3db) !important;
    box-shadow:0 3px 11px rgba(69,57,122,.1) !important;
}

[data-theme="light"] :is(.settings-page-header,.settings-section-header,.chat-title,.up-explorer-header) strong,
[data-theme="light"] :is(.settings-page-header,.settings-section-header,.chat-title,.up-explorer-header) h2,
[data-theme="light"] :is(.settings-page-header,.settings-section-header,.chat-title,.up-explorer-header) h3 {
    color:var(--text-primary) !important;
}

[data-theme="light"] :is(.btn-icon,.toolbar-btn,.header-action,.composer-action,.settings-nav-item) {
    color:var(--text-secondary) !important;
}

[data-theme="light"] :focus-visible {
    outline:2px solid rgba(91,72,178,.48) !important;
    outline-offset:2px;
}

[data-theme="light"] .modal-overlay,
[data-theme="light"] .settings-overlay {
    background:rgba(45,46,56,.34) !important;
}

@media (prefers-contrast:more) {
    [data-theme="light"] { --text-muted:#565b68;--border-subtle:rgba(35,32,47,.22); }
}
