/* W5G THEME - BASE STYLES */

html:not([data-theme="giacngo"]), html[data-theme="w5g"] {
    --color-primary: #5c1a1a;
    --color-primary-hover: #4a1515;
    --color-primary-light: #fdfaf6;
    --color-primary-text: #5c1a1a;
    --color-text-on-primary: #f5f0e8;
    --color-accent-red: #8B4513;
    --color-accent-red-hover: #5D2E0C;
    --color-accent-red-light: #fcf8ef;
    --color-text-main: #2e1f0f;
    --color-text-light: #7a6550;
    --color-background-main: #f5f0e8;
    --color-background-light: #e8dfcf;
    --color-background-panel: #fdfcf5;
    --color-border-color: #d8cbb8;
    --color-background-ai-bubble: #e8dfcf;
    --color-text-on-ai-bubble: #2e1f0f;
}

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

html:not([data-theme="giacngo"]) body, 
html[data-theme="w5g"] body {
    background-color: var(--color-background-main);
    color: var(--color-text-main);
    font-family: 'Cormorant Garamond', 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:not([data-theme="giacngo"]) ::-webkit-scrollbar,
html[data-theme="w5g"] ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
html:not([data-theme="giacngo"]) ::-webkit-scrollbar-track,
html[data-theme="w5g"] ::-webkit-scrollbar-track {
  background: var(--color-background-light);
}
html:not([data-theme="giacngo"]) ::-webkit-scrollbar-thumb,
html[data-theme="w5g"] ::-webkit-scrollbar-thumb {
  background: #bdc3c7; /* A neutral gray */
  border-radius: 3px;
}
html:not([data-theme="giacngo"]) ::-webkit-scrollbar-thumb:hover,
html[data-theme="w5g"] ::-webkit-scrollbar-thumb:hover {
  background: #95a5a6; /* A darker neutral gray */
}