/* ai theme vars */
body.light-theme { background: #f4f6fc; color: #16182b; }

body.light-theme .aurora-1 { background: #9b86ff; opacity: 0.42; }
body.light-theme .aurora-2 { background: #6ad2ff; opacity: 0.38; }
body.light-theme .aurora-3 { background: #8ff0cd; opacity: 0.32; }

body.light-theme .grid-overlay { opacity: 0.35; }

/* topbar */
body.light-theme .topbar {
  background: rgba(255, 255, 255, 0.82);
  border-bottom: 1px solid rgba(16, 24, 48, 0.09);
}

body.light-theme .model-info h2 { color: #16182b; }
body.light-theme .model-info span { color: #12a05a; }

/* nav btn */
body.light-theme .nav-btn {
  background: rgba(16, 24, 48, 0.05);
  border-color: rgba(16, 24, 48, 0.12);
  color: #33395c;
}

body.light-theme .nav-btn:hover { background: rgba(106, 75, 255, 0.12); color: #4a34b8; }

body.light-theme .welcome-screen h1 { color: #16182b; }
body.light-theme .welcome-screen p { color: #545b7d; }

/* badge */
body.light-theme .badge {
  background: rgba(106, 75, 255, 0.11);
  color: #4a34b8;
}

/* message */
body.light-theme .message.user .message-content {
  background: linear-gradient(135deg, rgba(106, 75, 255, 0.16), rgba(106, 75, 255, 0.06));
  color: #1b1d33;
}

body.light-theme .message.ai .message-content {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(16, 24, 48, 0.08);
  color: #1b1d33;
}

body.light-theme .message-time { color: #767d99; }

body.light-theme .copy-btn { background: rgba(16, 24, 48, 0.07); color: #4a5070; }
body.light-theme .copy-btn:hover { background: rgba(16, 24, 48, 0.13); }

body.light-theme .typing-bubble { background: rgba(16, 24, 48, 0.06); }
body.light-theme .typing-bubble span { background: #6a4bff; }

/* input area */
body.light-theme .input-area {
  background: linear-gradient(to top, rgba(244, 246, 252, 0.97), rgba(244, 246, 252, 0.8));
}

/* input box: no block behind the send button */
body.light-theme .input-box {
  background: none;
  border: 0;
}

/* messageInput */
body.light-theme #messageInput {
  background: #fff;
  border-color: rgba(16, 24, 48, 0.14);
  color: #16182b;
  box-shadow: 0 2px 10px rgba(20, 30, 60, 0.06);
}

body.light-theme #messageInput:focus {
  border-color: rgba(106, 75, 255, 0.5);
  box-shadow: 0 0 0 3px rgba(106, 75, 255, 0.13);
}
body.light-theme #messageInput::placeholder { color: #868da8; }
body.light-theme .input-footer { color: #767d99; }

body.light-theme .chat-messages::-webkit-scrollbar-thumb { background: rgba(16, 24, 48, 0.16); }

/* message content */
body.light-theme .message-content b { color: #10121f; }
body.light-theme .message-content h1 { color: #4a34b8; }

body.light-theme .message-content pre {
  background: #f1f3fb;
  border: 1px solid rgba(16, 24, 48, 0.1);
  color: #232741;
}

body.light-theme .message-content code,
body.light-theme .message-content .formula {
  background: rgba(106, 75, 255, 0.11);
  color: #3a2f8f;
}

body.light-theme .typing-bubble { border-color: rgba(16, 24, 48, 0.1); }
body.light-theme .grid-overlay {
  background-image: linear-gradient(rgba(16, 24, 48, .05) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(16, 24, 48, .05) 1px, transparent 1px);
}



/* mobile 640px */
@media (max-width: 640px) {
  .topbar-actions { gap: 6px; }
}