/* La Fabrique à Bois — Chainlit custom theme */

:root {
  --primary: #7B3B0E;
  --primary-dark: #5C2A08;
}

/* Force opaque background on everything */
html {
  background: #FDFAF7 !important;
}

body {
  background: #FDFAF7 !important;
  background-color: #FDFAF7 !important;
}

#root {
  background: #FDFAF7 !important;
  min-height: 100vh;
}

/* MUI containers */
#root > div,
.MuiBox-root,
.MuiStack-root,
.MuiPaper-root,
[class^="MuiBox"],
[class^="MuiStack"],
[class^="MuiPaper"] {
  background-color: #FDFAF7 !important;
}

/* Chainlit chat container — override any transparent layer */
div[class*="step"],
div[class*="chat"],
div[class*="message"] {
  background: transparent;
}

/* Header bar */
header,
[class*="header"],
nav {
  background-color: var(--primary) !important;
  color: #fff !important;
}

header *,
[class*="header"] * {
  color: #fff !important;
}

/* Send button */
button[type="submit"],
button[data-testid="send-button"],
[class*="send"] button {
  background-color: var(--primary) !important;
}

/* Avatar */
[class*="avatar"],
[class*="Avatar"] {
  background-color: var(--primary) !important;
}

/* Scrollbar */
::-webkit-scrollbar-thumb {
  background-color: var(--primary) !important;
  border-radius: 4px;
}