/* ===================================================================
   LAMINAK — "Clair" Theme
   Clean, bright, minimal light mode.
   =================================================================== */

/* ── Theme Variables ── */
body.theme-light {
  --bg:             #f5f7fa;
  --bg-card:        #ffffff;
  --bg-input:       #eef0f5;
  --bg-hover:       rgba(99, 102, 241, 0.07);
  --border:         #dde1ea;
  --text:           #1e2235;
  --text-muted:     #6b7280;
  --accent:         #6366f1;
  --accent-hover:   #4f46e5;
  --accent-dim:     rgba(99, 102, 241, 0.1);
  --user-bg:        rgba(99, 102, 241, 0.08);
  --assistant-bg:   #ffffff;
  --success:        #16a34a;
  --warning:        #d97706;
  --error:          #dc2626;
  --thinking-bg:    rgba(99, 102, 241, 0.04);
  --thinking-border: rgba(99, 102, 241, 0.15);
  --tool-bg:        #f3f4f8;
  --tool-border:    #dde1ea;
  --bg-secondary:   #eef0f5;
  --glass:          rgba(255, 255, 255, 0.92);
  --glass-border:   #dde1ea;
  --orb-idle:       radial-gradient(circle, #818cf8 0%, #6366f1 40%, #4338ca 100%);
  --orb-thinking:   radial-gradient(circle, #a78bfa 0%, #7c3aed 40%, #5b21b6 100%);
  --orb-speaking:   radial-gradient(circle, #34d399 0%, #059669 40%, #065f46 100%);
  --orb-listening:  radial-gradient(circle, #fbbf24 0%, #d97706 40%, #92400e 100%);
  --orb-error:      radial-gradient(circle, #f87171 0%, #dc2626 40%, #991b1b 100%);
}

/* ── Background ── */
body.theme-light {
  background: #f5f7fa;
}

body.theme-light::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(ellipse 70% 50% at 90% 0%,   rgba(99, 102, 241, 0.05) 0%, transparent 60%),
    radial-gradient(ellipse 50% 40% at 10% 100%, rgba(99, 102, 241, 0.04) 0%, transparent 60%),
    #f5f7fa;
}

/* ── Header ── */
body.theme-light header {
  background: #ffffff;
  border-bottom: 1px solid #dde1ea;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

body.theme-light .logo-icon {
  background: #6366f1;
  color: #ffffff;
  border-radius: 8px;
}

/* ── Nav sidebar ── */
body.theme-light #app-nav {
  background: #ffffff;
  border-right: 1px solid #dde1ea;
}

body.theme-light .nav-item {
  color: #6b7280;
}

body.theme-light .nav-item.active {
  background: rgba(99, 102, 241, 0.09);
  color: #6366f1;
}

body.theme-light .nav-item:hover {
  background: rgba(99, 102, 241, 0.06);
  color: #4f46e5;
}

body.theme-light .sidebar-footer {
  border-top: 1px solid #dde1ea;
}

/* ── Messages ── */
body.theme-light .msg.user .msg-body {
  background: rgba(99, 102, 241, 0.08);
  border: 1px solid rgba(99, 102, 241, 0.18);
}

body.theme-light .msg.assistant .msg-body {
  background: #ffffff;
  border: 1px solid #e5e7ef;
}

body.theme-light .msg.assistant .msg-avatar {
  background: linear-gradient(135deg, #4f46e5, #818cf8);
}

/* ── Input area ── */
body.theme-light .input-area {
  background: #ffffff;
  border-top: 1px solid #dde1ea;
}

body.theme-light #msg-input {
  background: #eef0f5;
  border: 1px solid #dde1ea;
  color: #1e2235;
  border-radius: 12px;
}

body.theme-light #msg-input:focus {
  border-color: rgba(99, 102, 241, 0.45);
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.08);
}

body.theme-light #msg-input::placeholder {
  color: #9ca3af;
}

body.theme-light .send-btn {
  background: #6366f1;
  color: #ffffff;
}

body.theme-light .send-btn:hover {
  background: #4f46e5;
}

/* ── Model picker ── */
body.theme-light .model-picker-btn {
  background: #eef0f5;
  border-color: #dde1ea;
  color: #6b7280;
}

body.theme-light .model-picker-btn:hover {
  border-color: rgba(99, 102, 241, 0.4);
  color: #6366f1;
}

body.theme-light .model-picker-bubble {
  background: #ffffff;
  border-color: #dde1ea;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.12);
}

body.theme-light .model-picker-bubble::after {
  background: #ffffff;
  border-color: #dde1ea;
}

/* ── Suggestions ── */
body.theme-light .suggestion {
  background: #ffffff;
  border: 1px solid #dde1ea;
  color: #4b5563;
  border-radius: 10px;
}

body.theme-light .suggestion:hover {
  background: rgba(99, 102, 241, 0.07);
  border-color: rgba(99, 102, 241, 0.3);
  color: #6366f1;
}

/* ── Thinking / tool blocks ── */
body.theme-light .thinking-block {
  background: rgba(99, 102, 241, 0.04);
  border-color: rgba(99, 102, 241, 0.14);
}

body.theme-light .tool-block {
  background: #f3f4f8;
  border-color: #dde1ea;
}

/* ── Code blocks ── */
body.theme-light pre, body.theme-light code {
  background: #f0f2f7;
  border: 1px solid #dde1ea;
  color: #1e2235;
}

/* ── Auth & connect ── */
body.theme-light .auth-card {
  background: #ffffff;
  border: 1px solid #dde1ea;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
}

body.theme-light #connect-screen {
  background: #f5f7fa;
}

body.theme-light #connect-screen .big-spinner {
  border-color: rgba(99, 102, 241, 0.15);
  border-top-color: #6366f1;
}

/* ── Scrollbars ── */
body.theme-light ::-webkit-scrollbar { width: 4px; }
body.theme-light ::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 2px;
}
body.theme-light ::-webkit-scrollbar-track { background: transparent; }