/* styles.css — master import */

/* ✅ Global Theme Reset — forcibly overrides legacy :root */

@import url("./base.css");
@import url("./layout.css");
@import url("./chat.css");
@import url("./chat_formatting_styling.css");
@import url("./sidebar.css");
@import url("./modals.css");
@import url("./dropdowns.css");
@import url("./dark-mode.css");
@import url("./tokens.css");
@import url("./chat-soft-bubbles.css");
@import url("./responsive.css");
@import url("./emptystate.css");

/* Modern scoped scrollbars */
#chatbox,
#sidebar,
#threads {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}

#chatbox::-webkit-scrollbar,
#sidebar::-webkit-scrollbar,
#threads::-webkit-scrollbar {
  width: 8px;
}

#chatbox::-webkit-scrollbar-track,
#sidebar::-webkit-scrollbar-track,
#threads::-webkit-scrollbar-track {
  background: transparent;
}

#chatbox::-webkit-scrollbar-thumb,
#sidebar::-webkit-scrollbar-thumb,
#threads::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 10px;
  transition: background 0.2s ease;
}

#chatbox:is(:hover, :active, :focus-within),
#sidebar:is(:hover, :active, :focus-within),
#threads:is(:hover, :active, :focus-within) {
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}

#chatbox:is(:hover, :active, :focus-within)::-webkit-scrollbar-thumb,
#sidebar:is(:hover, :active, :focus-within)::-webkit-scrollbar-thumb,
#threads:is(:hover, :active, :focus-within)::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.15);
}

#chatbox::-webkit-scrollbar-thumb:hover,
#sidebar::-webkit-scrollbar-thumb:hover,
#threads::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.35);
}

body.dark-mode #chatbox:is(:hover, :active, :focus-within),
body.dark-mode #sidebar:is(:hover, :active, :focus-within),
body.dark-mode #threads:is(:hover, :active, :focus-within) {
  scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}

body.dark-mode #chatbox:is(:hover, :active, :focus-within)::-webkit-scrollbar-thumb,
body.dark-mode #sidebar:is(:hover, :active, :focus-within)::-webkit-scrollbar-thumb,
body.dark-mode #threads:is(:hover, :active, :focus-within)::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
}

body.dark-mode #chatbox::-webkit-scrollbar-thumb:hover,
body.dark-mode #sidebar::-webkit-scrollbar-thumb:hover,
body.dark-mode #threads::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.35);
}

/* ✅ Global Theme Reset — forcibly overrides legacy :root */
:root {
  --bg-color: var(--parch);
  --text-color: #1a1a1a;
  --accent-color: #990000;
  --card-bg: #ffffff;
  --bubble-bg: #f9f6f1;
  --bubble-text: #111;
  --border-color: #ddd;
  --header-bg: #fefcf7;
  --token-bg: #fff8f0;
  --token-border: #e0d6c8;
  --token-text: #222;
}
body {
  background-color: var(--bg-color);
  color: var(--text-color);
}

/* 🎯 Scoped landing page overrides */
.landing-page {
  --bg-color: #fdfaf5;
  --text-color: #1a1a1a;
  background-color: var(--bg-color);
  color: var(--text-color);
}

.landing-page .tagline {
  color: #4a3c2a;
  text-align: center;
}

.landing-page a.submit-btn {
  background-color: var(--accent-color);
  color: #fff;
}