/* ===================================================================
   LAMINAK — "Claude" Theme
   Warm parchment with terracotta accents.
   Inspired by Anthropic's warm, understated aesthetic.
   =================================================================== */

/* ── Theme Variables ── */
body.theme-terracotta {
  --bg:             #faf8f5;
  --bg-card:        #ffffff;
  --bg-input:       #f2ede6;
  --bg-hover:       rgba(201, 104, 70, 0.07);
  --border:         #e6dfd4;
  --text:           #1c1512;
  --text-muted:     #7c6e5e;
  --accent:         #c96846;
  --accent-hover:   #b05538;
  --accent-dim:     rgba(201, 104, 70, 0.1);
  --user-bg:        rgba(201, 104, 70, 0.08);
  --assistant-bg:   #ffffff;
  --success:        #166534;
  --warning:        #92400e;
  --error:          #991b1b;
  --thinking-bg:    rgba(201, 104, 70, 0.04);
  --thinking-border: rgba(201, 104, 70, 0.14);
  --tool-bg:        #f5f0e8;
  --tool-border:    #e6dfd4;
  --bg-secondary:   #f2ede6;
  --glass:          rgba(250, 248, 245, 0.93);
  --glass-border:   #e6dfd4;
  --orb-idle:       radial-gradient(circle, #e8956b 0%, #c96846 40%, #8b3e20 100%);
  --orb-thinking:   radial-gradient(circle, #fbbf24 0%, #d97706 40%, #92400e 100%);
  --orb-speaking:   radial-gradient(circle, #6ee7b7 0%, #059669 40%, #065f46 100%);
  --orb-listening:  radial-gradient(circle, #fdba74 0%, #ea580c 40%, #9a3412 100%);
  --orb-error:      radial-gradient(circle, #fca5a5 0%, #dc2626 40%, #991b1b 100%);
}

/* ── Background ── */
body.theme-terracotta {
  background: #faf8f5;
}

body.theme-terracotta::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(ellipse 70% 50% at 85% 0%,   rgba(201, 104, 70, 0.06) 0%, transparent 55%),
    radial-gradient(ellipse 50% 40% at 10% 100%, rgba(201, 104, 70, 0.04) 0%, transparent 55%),
    #faf8f5;
}

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

body.theme-terracotta .logo-icon {
  background: linear-gradient(135deg, #c96846, #e8956b);
  color: #ffffff;
  border-radius: 50%;
}

/* ── Nav sidebar ── */
body.theme-terracotta #app-nav {
  background: #faf8f5;
  border-right: 1px solid #e6dfd4;
}

body.theme-terracotta .nav-item {
  color: #7c6e5e;
}

body.theme-terracotta .nav-item.active {
  background: rgba(201, 104, 70, 0.09);
  color: #c96846;
}

body.theme-terracotta .nav-item:hover {
  background: rgba(201, 104, 70, 0.06);
  color: #b05538;
}

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

/* ── Messages ── */
body.theme-terracotta .msg.user .msg-body {
  background: rgba(201, 104, 70, 0.07);
  border: 1px solid rgba(201, 104, 70, 0.18);
}

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

body.theme-terracotta .msg.assistant .msg-avatar {
  background: linear-gradient(135deg, #a04828, #c96846);
}

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

body.theme-terracotta #msg-input {
  background: #f2ede6;
  border: 1px solid #e0d8ce;
  color: #1c1512;
  border-radius: 14px;
}

body.theme-terracotta #msg-input:focus {
  border-color: rgba(201, 104, 70, 0.45);
  box-shadow: 0 0 0 3px rgba(201, 104, 70, 0.08);
}

body.theme-terracotta #msg-input::placeholder {
  color: #a89880;
}

body.theme-terracotta .send-btn {
  background: #c96846;
  color: #ffffff;
}

body.theme-terracotta .send-btn:hover {
  background: #b05538;
}

/* ── Model picker ── */
body.theme-terracotta .model-picker-btn {
  background: #f2ede6;
  border-color: #e6dfd4;
  color: #7c6e5e;
}

body.theme-terracotta .model-picker-btn:hover {
  border-color: rgba(201, 104, 70, 0.4);
  color: #c96846;
}

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

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

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

body.theme-terracotta .suggestion:hover {
  background: rgba(201, 104, 70, 0.07);
  border-color: rgba(201, 104, 70, 0.3);
  color: #c96846;
}

/* ── Thinking / tool blocks ── */
body.theme-terracotta .thinking-block {
  background: rgba(201, 104, 70, 0.04);
  border-color: rgba(201, 104, 70, 0.12);
}

body.theme-terracotta .tool-block {
  background: #f5f0e8;
  border-color: #e6dfd4;
}

/* ── Code blocks ── */
body.theme-terracotta pre, body.theme-terracotta code {
  background: #f0ebe2;
  border: 1px solid #e0d8ce;
  color: #2c1e14;
}

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

body.theme-terracotta #connect-screen {
  background: #faf8f5;
}

body.theme-terracotta #connect-screen .big-spinner {
  border-color: rgba(201, 104, 70, 0.14);
  border-top-color: #c96846;
}

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