/* ==============================================
   theme-light.css — Светлая тема Фреди
   Загружается ПОСЛЕ styles.css
   ============================================== */

/* --- Variable overrides --- */
[data-theme="light"] {
    --black-obsidian: #f5f5f7;
    --black-matte: #ffffff;
    --carbon-fiber: #e8e8ed;
    --chrome: #333333;
    --silver-metallic: #555555;
    --silver-brushed: #666666;
    --platinum: #777777;
    --text-primary: #1c1c1e;
    --text-secondary: #6c6c70;
    --success: #059669;
    --error: #dc2626;
    --warning: #d97706;
}

/* --- Smooth transition --- */
body, .app, .chats-panel, .chat-panel, .chat-header,
.screen-container, .chat-item, .hero-section, .mode-btn,
.mobile-menu-btn, .full-content-page, .floating-message-content {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* --- Body pseudo-elements --- */
[data-theme="light"] body::before {
    background:
        radial-gradient(circle at 30% 40%, rgba(0,0,0,0.015) 0%, transparent 60%),
        radial-gradient(circle at 70% 80%, rgba(59,130,255,0.02) 0%, transparent 60%);
}
[data-theme="light"] body::after {
    background: repeating-linear-gradient(45deg,
        rgba(0,0,0,0.004) 0px, rgba(0,0,0,0.004) 2px,
        transparent 2px, transparent 8px);
}

/* --- Scrollbars --- */
[data-theme="light"] .screen-container { scrollbar-color: rgba(0,0,0,0.15) transparent; }
[data-theme="light"] .screen-container::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); }
[data-theme="light"] .content-body { scrollbar-color: rgba(0,0,0,0.15) transparent; }
[data-theme="light"] .test-chat-messages { scrollbar-color: rgba(0,0,0,0.10) transparent; }

/* --- Hero name gradient for light theme --- */
[data-theme="light"] .hero-name {
    background: linear-gradient(135deg, #2563eb, #4f46e5);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* --- Component overrides --- */
[data-theme="light"] .chats-panel {
    background: rgba(255, 255, 255, 0.92);
    border-right: 1px solid rgba(0, 0, 0, 0.09);
}
[data-theme="light"] .chats-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .chats-search input {
    background: rgba(0, 0, 0, 0.03);
    border: 1px solid rgba(0, 0, 0, 0.12);
}
[data-theme="light"] .menu-divider {
    background: rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .chat-item:hover {
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.12);
}
[data-theme="light"] .chat-item.active {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.06), rgba(100, 100, 100, 0.05));
    border-color: rgba(0, 0, 0, 0.18);
}
[data-theme="light"] .chats-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .user-mini-profile {
    background: rgba(0, 0, 0, 0.03);
}
[data-theme="light"] .user-mini-profile:hover {
    background: rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .chat-panel {
    background: rgba(255, 255, 255, 0.7);
}
[data-theme="light"] .chat-header {
    background: rgba(255, 255, 255, 0.88);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .mobile-menu-btn {
    background: rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .screen-container {
    scrollbar-color: rgba(0, 0, 0, 0.12) transparent;
}
[data-theme="light"] .hero-section {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.03), rgba(100, 100, 100, 0.02));
    border: 1px solid rgba(0, 0, 0, 0.09);
}
[data-theme="light"] .profile-badge {
    background: rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.10);
}
[data-theme="light"] .profile-badge:hover {
    background: rgba(0, 0, 0, 0.07);
    border-color: rgba(0, 0, 0, 0.18);
}
[data-theme="light"] .mode-selector {
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(0, 0, 0, 0.12);
}
[data-theme="light"] .mode-btn.active {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.12), rgba(100, 100, 100, 0.08));
}
[data-theme="light"] .voice-card {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.85), rgba(230, 230, 235, 0.5));
    border: 1px solid rgba(0, 0, 0, 0.12);
}
[data-theme="light"] .voice-record-btn-premium {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.06), rgba(100, 100, 100, 0.05));
}
[data-theme="light"] .module-card {
    background: rgba(0, 0, 0, 0.03);
}
[data-theme="light"] .quick-action {
    background: rgba(0, 0, 0, 0.03);
}
[data-theme="light"] .quick-action:hover {
    background: rgba(0, 0, 0, 0.06);
    border-color: rgba(0, 0, 0, 0.13);
}
[data-theme="light"] .full-content-page {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(230, 230, 235, 0.7));
    border: 1px solid rgba(0, 0, 0, 0.12);
}
[data-theme="light"] .back-btn {
    background: rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.12);
}
[data-theme="light"] .back-to-site-btn {
    background: rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.10);
}
[data-theme="light"] .back-to-site-btn:hover {
    background: rgba(0, 0, 0, 0.08);
    border-color: rgba(0, 0, 0, 0.18);
}
[data-theme="light"] .content-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
[data-theme="light"] .content-body {
    scrollbar-color: rgba(0, 0, 0, 0.18) transparent;
}
[data-theme="light"] .thoughts-section-title {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .profile-meta-block {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.04), rgba(100, 100, 100, 0.02));
    border: 1px solid rgba(0, 0, 0, 0.09);
}
[data-theme="light"] .profile-meta-row {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
[data-theme="light"] .profile-vectors-row {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}
[data-theme="light"] .profile-vector {
    background: rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.08);
}
[data-theme="light"] .profile-section-title {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .floating-message-content {
    background: rgba(255, 255, 255, 0.97);
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.10);
}
[data-theme="light"] .test-chat-messages {
    scrollbar-color: rgba(0, 0, 0, 0.09) transparent;
}
[data-theme="light"] .test-message-avatar {
    border: 1px solid rgba(0, 0, 0, 0.12);
}
[data-theme="light"] .test-message-bubble-bot {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.04), rgba(100, 100, 100, 0.03));
    border: 1px solid rgba(0, 0, 0, 0.09);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
}
[data-theme="light"] .test-message-bubble-user {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.10), rgba(100, 100, 100, 0.08));
    border: 1px solid rgba(0, 0, 0, 0.18);
}
[data-theme="light"] .test-message-button {
    background: rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.12);
}
[data-theme="light"] .test-message-button:hover {
    background: rgba(0, 0, 0, 0.08);
    border-color: rgba(0, 0, 0, 0.20);
}
[data-theme="light"] .test-context-form {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.03), rgba(100, 100, 100, 0.02));
    border: 1px solid rgba(0, 0, 0, 0.09);
}
[data-theme="light"] .test-context-form input[type="number"] {
    border: 1px solid rgba(0, 0, 0, 0.12);
    background: rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .test-context-form input:focus {
    border-color: rgba(0, 0, 0, 0.22);
}
[data-theme="light"] .test-context-radio-label {
    border: 1px solid rgba(0, 0, 0, 0.09);
    background: rgba(0, 0, 0, 0.03);
}
[data-theme="light"] .test-context-radio-label:hover {
    background: rgba(0, 0, 0, 0.06);
    border-color: rgba(0, 0, 0, 0.18);
}
[data-theme="light"] .test-context-submit {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.12), rgba(100, 100, 100, 0.08));
    border: 1px solid rgba(0, 0, 0, 0.18);
}
[data-theme="light"] .test-context-submit:hover {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.16), rgba(100, 100, 100, 0.12));
}
[data-theme="light"] .analysis-content {
    background: rgba(0, 0, 0, 0.02);
}
[data-theme="light"] .confinement-element {
    background: rgba(0, 0, 0, 0.03);
    border: 1px solid rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .confinement-element:hover {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .loop-card {
    background: rgba(0, 0, 0, 0.03);
}
[data-theme="light"] .intervention-card {
    background: rgba(0, 0, 0, 0.03);
}
[data-theme="light"] .daily-practice {
    background: rgba(0, 0, 0, 0.02);
    border-left: 3px solid rgba(0, 0, 0, 0.18);
}
[data-theme="light"] .practice-card {
    background: rgba(0, 0, 0, 0.03);
}
[data-theme="light"] .quote-card {
    background: rgba(0, 0, 0, 0.02);
}
[data-theme="light"] .tale-card {
    background: rgba(0, 0, 0, 0.03);
}
[data-theme="light"] .anchor-card {
    background: rgba(0, 0, 0, 0.03);
}
[data-theme="light"] .anchor-preset {
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.12);
}
[data-theme="light"] .hypno-input {
    background: rgba(0, 0, 0, 0.03);
    border: 1px solid rgba(0, 0, 0, 0.12);
}
[data-theme="light"] .topic-btn {
    background: rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.12);
}
[data-theme="light"] .action-btn {
    background: rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.12);
}
[data-theme="light"] .speak-tale-btn {
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.12);
}
[data-theme="light"] .message.bot {
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.09);
}

/* --- Settings accordion overrides --- */
[data-theme="light"] .st-acc-header {
    background: rgba(0, 0, 0, 0.02);
    border-color: rgba(0, 0, 0, 0.08);
}
[data-theme="light"] .st-acc-header:hover {
    background: rgba(0, 0, 0, 0.04);
}
[data-theme="light"] .st-acc-body {
    background: rgba(0, 0, 0, 0.01);
    border-color: rgba(0, 0, 0, 0.08);
}
[data-theme="light"] .st-hint {
    background: rgba(0, 0, 0, 0.02);
    border-color: rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .st-channel-card {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.08);
}
[data-theme="light"] .st-channel-card.active {
    background: rgba(0, 0, 0, 0.08);
    border-color: rgba(0, 0, 0, 0.25);
}
[data-theme="light"] .st-channel-icon {
    background: rgba(0, 0, 0, 0.05);
}

/* --- Menu accordion overrides --- */
[data-theme="light"] .menu-accordion-header:hover {
    background: rgba(0, 0, 0, 0.03);
}

@media (max-width: 768px) {
    [data-theme="light"] .chats-panel {
        background: rgba(255, 255, 255, 0.97);
    }
    [data-theme="light"] .chats-panel.open {
        box-shadow: 5px 0 30px rgba(0, 0, 0, 0.10);
    }
}