/* for quarto book */
/* Must be at the very top of your CSS file */
/* @import url('fonts.googleapis.com'); */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai+Looped:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Thai:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cousine:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body {
  color: #3b3d43;
  background-color: white;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Noto Sans Thai", sans-serif !important;
  /* font-family: "Noto Sans Thai", sans-serif !important; */
  color: #027399;
  font-weight: 600;
}

/* styles.scss */
code {
  font-family: "Cousine", "Cascadia Mono", "Lucida Console", sans-serif !important;
  font-size: 1rem;
  color: #1f6b25; /* Excel green */
  /* color: #a74e34;  */
  /* You can also change the background if needed */
  background-color: #ffffff;
}

.cell-output {
  background-color: #edf9fc; /* Use your desired color (hex, name, etc.) */
  border-radius: 8px; /* Optional: adds rounded corners */
  border-spacing: 2px;
  padding-top: .4em;
  padding-bottom: .4em;
  padding-left: 1em;
  padding-right: 1em;
  margin-bottom: 1em; /* Optional: adds space below the output */
}

/* Target preformatted text within the output (if needed) */
.cell-output pre code {
  background-color: inherit; /* Ensure code blocks inside use the parent's background */
}