:root {
    --theme-primary: #d8bc78;
    --theme-primary-dark: #b9964f;
    --theme-primary-deep: #7a622e;
    --theme-secondary: #ead7a3;
    --theme-accent: #f6e7bd;
    --theme-bg: #fffaf0;
    --theme-bg-2: #fff3dc;
    --theme-card-bg: #ffffff;
    --theme-card-tint: #fff7e8;
    --theme-border: #ead7ad;
    --theme-text: #3d3528;
    --theme-muted: #7d6f56;
    --theme-shadow: 0 10px 28px rgba(185, 150, 79, 0.14);

    --purple: var(--theme-primary);
    --primary: var(--theme-primary);
    --secondary: var(--theme-secondary);
    --accent: var(--theme-accent);
    --background: var(--theme-bg);
    --light-green: var(--theme-card-tint);
    --science-hover: var(--theme-card-tint);
    --primary-green: var(--theme-primary);
    --accent-green: var(--theme-accent);
    --green-1: var(--theme-primary);
    --green-2: var(--theme-primary);
    --green-3: var(--theme-secondary);
    --green-4: var(--theme-primary-deep);
    --sage-green: var(--theme-primary);
    --mist-blue: var(--theme-bg-2);
    --deep-teal: var(--theme-primary-deep);
}

html,
body {
    background: linear-gradient(180deg, #fffdf7 0%, var(--theme-bg) 48%, #fff4df 100%) !important;
    color: var(--theme-text) !important;
}

body,
p,
li,
.card-text,
.question-text,
.result-text {
    color: var(--theme-text) !important;
}

a,
.text-primary,
.text-success,
.text-info,
.text-purple,
.text-warning,
.card-title,
.section-title,
.science-header,
.question-card h5 {
    color: var(--theme-primary-deep) !important;
}

.text-muted,
.small,
small,
.card-text.text-muted {
    color: var(--theme-muted) !important;
}

.header_top,
.headertop,
.topbar,
.top_address_area,
.em40_header_area_main,
.themex-header-top {
    background: linear-gradient(135deg, var(--theme-primary-dark), var(--theme-primary)) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 8px 24px rgba(185, 150, 79, 0.18) !important;
}

.themex_nav_area,
.themex_nav_area.prefix,
.themex_nav_area.postfix,
.themex_nav_area.scroll_fixed,
.main_menu_div {
    background: #ffffff !important;
    border-bottom: 1px solid var(--theme-border) !important;
    box-shadow: 0 8px 24px rgba(185, 150, 79, 0.1) !important;
}

.themex_menu > ul > li > a,
.themex_nav_area.prefix .themex_menu > ul > li > a {
    color: var(--theme-primary-deep) !important;
}

.top-right-menu a,
.top-address p,
.top-address span,
.top-address a,
.themex-header-top,
.themex-header-top p,
.themex-header-top a,
.themex-header-top i {
    color: #5f4a1f !important;
}

.creative_header_menu > ul > li:hover > a,
.themex_menu > ul > li.current > a,
.themex_menu > ul > li:hover > a,
.themex_nav_area.prefix .themex_menu > ul > li.current > a {
    color: var(--theme-primary-dark) !important;
}

.themex_menu ul .sub-menu {
    background: var(--theme-primary-dark) !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    box-shadow: 0 14px 28px rgba(185, 150, 79, 0.2) !important;
}

.themex_menu ul .sub-menu li a {
    color: #ffffff !important;
}

.themex_menu ul .sub-menu li:hover > a,
.themex_menu ul .sub-menu .sub-menu li:hover > a,
.themex_menu ul .sub-menu .sub-menu .sub-menu li:hover > a,
.themex_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover > a {
    background: #fffaf0 !important;
    color: var(--theme-primary-deep) !important;
}

a.dtbtn,
.dtbtn,
.assessment-btn,
.submit-btn,
.btn-primary,
.btn-success,
button[type="submit"],
input[type="submit"] {
    background: linear-gradient(135deg, var(--theme-primary), var(--theme-secondary)) !important;
    border-color: var(--theme-primary) !important;
    color: #4b3515 !important;
    box-shadow: 0 8px 18px rgba(185, 150, 79, 0.22) !important;
}

a.dtbtn:hover,
.dtbtn:hover,
.assessment-btn:hover,
.submit-btn:hover,
.btn-primary:hover,
.btn-success:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
    background: linear-gradient(135deg, var(--theme-primary-dark), var(--theme-primary)) !important;
    color: #ffffff !important;
}

.card,
.card-body,
.science-card,
.audio-card,
.question-card,
.gentle-card,
.cause-card,
.hazard-card,
.news-card,
.emotion-card,
.dream-item,
.modal-content,
.result-card,
.alert {
    background: var(--theme-card-bg) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
    box-shadow: var(--theme-shadow) !important;
}

.audio-card,
.science-card:hover,
.question-card:hover,
.news-card:hover,
.cause-card:hover,
.hazard-card:hover {
    background: var(--theme-card-tint) !important;
}

.audio-image,
.news-image,
.image-container,
.definition-image {
    border-color: var(--theme-border) !important;
}

.science-header,
.progress-bar-sleep,
.progress-bar,
.severity-1,
.打卡-grid > div,
.active,
.selected {
    background: linear-gradient(135deg, var(--theme-primary), var(--theme-secondary)) !important;
    border-color: var(--theme-primary) !important;
}

.science-header {
    color: #4b3515 !important;
    border-left-color: var(--theme-primary-deep) !important;
}

.alert-warning {
    background: #fff8df !important;
    border-color: #f3d98c !important;
    color: #6f5a16 !important;
}

input,
textarea,
select,
.form-control {
    background: #ffffff !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus {
    border-color: var(--theme-primary) !important;
    box-shadow: 0 0 0 0.18rem rgba(185, 150, 79, 0.18) !important;
}

footer,
.site-footer,
.footer-bottom,
.footer-middle,
.themex_footer_area,
.themex_top_footer_area {
    background: linear-gradient(135deg, var(--theme-primary-dark), var(--theme-primary)) !important;
    color: #5f4a1f !important;
    border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 -8px 24px rgba(185, 150, 79, 0.16) !important;
}

footer p,
footer a,
.site-footer p,
.site-footer a,
.footer-bottom p,
.footer-bottom a,
.footer-middle p,
.footer-middle a {
    color: #5f4a1f !important;
}

footer::before,
.site-footer::before,
.footer-bottom::before,
.themex_footer_area::before {
    content: none !important;
    display: none !important;
}

#scrollUp,
.scrollUp,
.scroll-up,
.scrollup,
.back-to-top,
.back-to-top-btn,
.go-top,
.goTop,
.to-top,
.toTop {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

#text-container > h1,
#voice-container > h2,
#face-container > h2,
#combined-result > h2 {
    color: #111111 !important;
}

[style*="color: #9B8FB5"],
[style*="color:#9B8FB5"],
[style*="color: #c8b6d8"],
[style*="color:#c8b6d8"],
[style*="color: #b8a7cc"],
[style*="color:#b8a7cc"],
[style*="color: purple"],
[style*="color:purple"] {
    color: var(--theme-primary-deep) !important;
}

[style*="background: #9B8FB5"],
[style*="background:#9B8FB5"],
[style*="background-color: #9B8FB5"],
[style*="background-color:#9B8FB5"],
[style*="background-color: purple"],
[style*="background-color:purple"] {
    background: var(--theme-primary) !important;
    background-color: var(--theme-primary) !important;
}

[style*="border-color: #9B8FB5"],
[style*="border-color:#9B8FB5"],
[style*="border-top: 5px solid #9B8FB5"],
[style*="border-top:5px solid #9B8FB5"] {
    border-color: var(--theme-primary) !important;
    border-top-color: var(--theme-primary) !important;
}

[style*="background: #ede8f2"],
[style*="background:#ede8f2"],
[style*="background-color: #ede8f2"],
[style*="background-color:#ede8f2"] {
    background-color: var(--theme-bg-2) !important;
}

[style*="border-color: #ede8f2"],
[style*="border-color:#ede8f2"] {
    border-color: var(--theme-border) !important;
}