/* -------------------------------------------------------------------------- */
/*                           GIÁC NGỘ THEME - BASE STYLES                     */
/* -------------------------------------------------------------------------- */

html[data-theme="giacngo"] {
  /* --- Bảng màu chính --- */
  --color-primary: #991b1b;
  /* red-800 */
  --color-primary-hover: #7f1d1d;
  /* red-900 */
  --color-primary-light: #fde8e8;
  /* red-50 adjusted */
  --color-primary-text: #1f2937;
  /* gray-800 */
  --color-text-on-primary: #fefce8;
  /* yellow-50 */

  /* --- Màu nhấn --- */
  --color-accent-red: #b91c1c;
  /* red-700 */
  --color-accent-red-hover: #991b1b;
  /* red-800 */
  --color-accent-red-light: #fee2e2;
  /* red-100 */
  --color-accent-green: #15803d;
  /* green-700 */
  --color-accent-yellow: #facc15;
  /* yellow-400 */

  /* --- Màu văn bản --- */
  --color-text-main: #2e1f0f;
  /* match homepage --fg */
  --color-text-light: #6b5740;
  /* warm muted brown */

  /* --- Màu nền --- */
  --color-background-main: #f5f0e8;
  /* khớp homepage --bg */
  --color-background-light: #faf7f2;
  /* Lighter warm cream */
  --color-background-panel: #ede8dc;
  /* Sidebar/panel slightly darker */

  /* --- Màu viền --- */
  --color-border-color: #d8cbb8;
  /* match homepage --border */

  /* --- Bong bóng chat --- */
  --color-background-ai-bubble: #f2ead1;
  --color-text-on-ai-bubble: #2e1f0f;
}

/* -------------------------------------------------------------------------- */
/*                           GLOBAL STYLES                                    */
/* -------------------------------------------------------------------------- */

html[data-theme="giacngo"] body {
  background-color: var(--color-background-main);
  color: var(--color-text-main);
  font-family: "Libre Baskerville", "Lora", "Merriweather", Georgia, serif;
}

.page-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  font-size: 1.5rem;
  color: var(--color-text-main);
  background-color: var(--color-background-main);
}


/* -------------------------------------------------------------------------- */
/*                           CUSTOM SCROLLBAR                                 */
/* -------------------------------------------------------------------------- */

html[data-theme="giacngo"] ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

html[data-theme="giacngo"] ::-webkit-scrollbar-track {
  background: var(--color-background-light);
}

html[data-theme="giacngo"] ::-webkit-scrollbar-thumb {
  background: var(--color-text-light);
  border-radius: 3px;
}

html[data-theme="giacngo"] ::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary-text);
}