/* AskIS Design 9: Charcoal & Lime (base / fallback) */

:root {
  --askis-bg: #fafaf9;
  --askis-surface: #ffffff;
  --askis-border: #e7e5e4;
  --askis-text: #1c1917;
  --askis-muted: #57534e;
  --askis-primary: #65a30d;
  --askis-secondary: #84cc16;
  --askis-accent: #84cc16;
  --askis-success: #22c55e;
  --askis-danger: #dc2626;
}

body {
  background: var(--askis-bg);
  color: var(--askis-text);
}

.card { background: var(--askis-surface); border-color: var(--askis-border); }
.list-group-item { background: var(--askis-surface); color: var(--askis-text); border-color: var(--askis-border); }
.table { --bs-table-bg: var(--askis-surface); --bs-table-color: var(--askis-text); }
.form-control, .form-select { background: #ffffff; color: var(--askis-text); border-color: var(--askis-border); }
.form-control::placeholder { color: #78716c; }
.form-control:focus, .form-select:focus { border-color: var(--askis-primary); box-shadow: 0 0 0 .2rem rgba(132,204,22,.2); }

.btn-primary { background-color: var(--askis-primary); border-color: var(--askis-primary); }
.btn-primary:hover { background-color: #84cc16; border-color: #84cc16; }
.btn-outline-primary { color: var(--askis-primary); border-color: var(--askis-primary); }
.btn-outline-primary:hover { background: rgba(132,204,22,.1); }

/* Chatbox */
.chatbox { background: var(--askis-surface); border-color: var(--askis-border); }
.chatbox * { color: var(--askis-text); }
.chatbox-header { background: linear-gradient(135deg, #292524, #44403c); color:#fff; }
.chatbox-body { background: var(--askis-bg); color: var(--askis-text); }
.msg .bubble { font-size: 1rem; line-height: 1.6; }
.msg.user .bubble { background: var(--askis-primary); color: #ffffff; }
.msg.bot .bubble { background: var(--askis-surface); color: var(--askis-text); border: 1px solid var(--askis-border); }
.suggestion-bubble { cursor: pointer; border: 1px solid var(--askis-primary) !important; background: rgba(132,204,22,0.08) !important; }
.suggestion-bubble:hover { background: rgba(132,204,22,0.15) !important; }
.chatbox input.form-control { background:var(--askis-surface); color:var(--askis-text); border-color: var(--askis-border); }
.chatbox input.form-control::placeholder { color:var(--askis-muted); opacity:0.7; }
.chatbox .btn-primary { color:#ffffff; }

/* Navbar */
.navbar { background: var(--askis-surface) !important; border-bottom: 1px solid var(--askis-border); }
.navbar .navbar-brand, .navbar .nav-link { color: var(--askis-text) !important; }
.navbar .btn { color: var(--askis-text); border-color: var(--askis-border); }

.bg-primary,
.bg-success,
.bg-warning,
.bg-info {
  color: #1c1917 !important;
}

.bg-danger {
  color: #ffffff !important;
}