/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Import Noto Serif for Chinese characters */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=Noto+Serif:ital,wght@0,400;0,700;1,400&display=swap');

/* Custom scrollbar for chapter view */
.overflow-x-auto::-webkit-scrollbar {
  height: 8px;
}

.overflow-x-auto::-webkit-scrollbar-track {
  background: #e7e5e4;
  border-radius: 4px;
}

.overflow-x-auto::-webkit-scrollbar-thumb {
  background: #a8a29e;
  border-radius: 4px;
}

.overflow-x-auto::-webkit-scrollbar-thumb:hover {
  background: #78716c;
}

/* Font serif for Chinese characters */
.font-serif {
  font-family: 'Noto Serif', 'Noto Serif SC', Georgia, 'Times New Roman', serif;
}

/* Smooth scroll behavior */
html {
  scroll-behavior: smooth;
}

/* Selection color with stone theme */
::selection {
  background-color: #a8a29e;
  color: #292524;
}