:root {
    --aurum-gold: #d4af37;
    --aurum-gold-light: #f0d779;
    --aurum-gold-dark: #94751f;
    --aurum-ink: #17150f;
    --aurum-panel: #211d13;
    --aurum-line: #55451e;
}

/* Aurumbridge palette for the public information and investment pages */
.aurumbridge-content-page {
    color-scheme: dark;
    background: #11100c;
    color: #f5f0df;
}

.aurumbridge-content-page #be-content {
    background-color: #11100c;
    color: #f5f0df;
}

.aurumbridge-content-page #be-content .tatsu-section,
.aurumbridge-content-page #be-content .tatsu-section-pad,
.aurumbridge-content-page #be-content .tatsu-column-inner,
.aurumbridge-content-page #be-content .tatsu-column-pad,
.aurumbridge-content-page #be-content .tatsu-row-wrap {
    background-color: #17150f !important;
}

.aurumbridge-content-page #be-content h1,
.aurumbridge-content-page #be-content h2,
.aurumbridge-content-page #be-content h3,
.aurumbridge-content-page #be-content h4,
.aurumbridge-content-page #be-content h5,
.aurumbridge-content-page #be-content h6 {
    color: var(--aurum-gold-light) !important;
}

.aurumbridge-content-page #be-content p,
.aurumbridge-content-page #be-content li,
.aurumbridge-content-page #be-content label,
.aurumbridge-content-page #be-content blockquote {
    color: #eee8d6 !important;
}

.aurumbridge-content-page #be-content a:not(.tatsu-button):not(.scheme-invest) {
    color: var(--aurum-gold-light) !important;
}

.aurumbridge-content-page #be-content .tatsu-button,
.aurumbridge-content-page #be-content .tatsu-button-wrap a,
.aurumbridge-content-page #be-content .wp-block-button__link,
.aurumbridge-content-page #be-content .exp-button,
.aurumbridge-content-page #be-content button,
.aurumbridge-content-page #be-content input[type="submit"],
.aurumbridge-content-page #be-content button[type="submit"] {
    border-color: var(--aurum-gold) !important;
    background: var(--aurum-gold) !important;
    color: var(--aurum-ink) !important;
}

.aurumbridge-content-page #be-content .tatsu-button:hover,
.aurumbridge-content-page #be-content .tatsu-button-wrap a:hover,
.aurumbridge-content-page #be-content .wp-block-button__link:hover,
.aurumbridge-content-page #be-content .exp-button:hover,
.aurumbridge-content-page #be-content button:hover,
.aurumbridge-content-page #be-content input[type="submit"]:hover {
    background: var(--aurum-gold-light) !important;
}

.aurumbridge-content-page #be-content input:not([type="checkbox"]):not([type="radio"]),
.aurumbridge-content-page #be-content select,
.aurumbridge-content-page #be-content textarea {
    border-color: var(--aurum-line) !important;
    background-color: #211d13 !important;
    color: #f5f0df !important;
    color-scheme: dark;
}

.aurumbridge-content-page #be-content input::placeholder,
.aurumbridge-content-page #be-content textarea::placeholder {
    color: #c7b98c !important;
    opacity: 1;
}

.aurumbridge-content-page #be-content input:focus,
.aurumbridge-content-page #be-content select:focus,
.aurumbridge-content-page #be-content textarea:focus {
    border-color: var(--aurum-gold) !important;
    outline-color: var(--aurum-gold) !important;
}

.aurumbridge-content-page .investment-hero {
    background: #17150f !important;
}

.aurumbridge-content-page .plans-section {
    background: #11100c !important;
}

.aurumbridge-content-page .plans-heading {
    color: var(--aurum-gold-light) !important;
}

.aurumbridge-content-page .scheme-plan,
.aurumbridge-content-page .no-schemes {
    border-color: var(--aurum-line) !important;
    background: #211d13 !important;
    color: #f5f0df !important;
}

.aurumbridge-content-page .scheme-plan {
    border-top-color: var(--aurum-gold) !important;
}

.aurumbridge-content-page .scheme-plan:nth-child(n) {
    border-top-color: var(--aurum-gold) !important;
}

.aurumbridge-content-page .scheme-price,
.aurumbridge-content-page .scheme-detail span:first-child {
    color: #e6d59f !important;
}

.aurumbridge-content-page .scheme-detail {
    border-top-color: var(--aurum-line) !important;
}

.aurumbridge-content-page .scheme-invest {
    background: var(--aurum-gold) !important;
    color: var(--aurum-ink) !important;
}

.aurumbridge-content-page .scheme-invest:hover {
    background: var(--aurum-gold-light) !important;
}

#be-themes-loader-container {
    background: #11100c !important;
}

#be-themes-page-loader {
    display: grid;
    min-height: 100%;
    place-items: center;
}

#be-themes-page-loader > img {
    display: block;
    width: min(320px, 72vw);
    height: auto;
}

/* Public site accents */
.primary-color,
.yellow-color,
.tatsu-icon,
.tatsu-single-icon,
a:hover,
a:focus {
    color: var(--aurum-gold) !important;
}

.primary-bg,
.site-overlay::after,
.primary-overlay::after,
.grad-bg-6,
.grad-overlay::after,
.tatsu-button,
.tatsu-button-wrap a,
.wp-block-button__link,
.exp-button,
input[type="submit"],
button[type="submit"] {
    background: var(--aurum-gold) !important;
    color: var(--aurum-ink) !important;
}

.tatsu-button:hover,
.tatsu-button-wrap a:hover,
.wp-block-button__link:hover,
.exp-button:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
    background: var(--aurum-gold-light) !important;
}

.black-bg,
.blue-bg {
    background-color: var(--aurum-ink) !important;
}

#transaction-notifications .transaction-notification,
#transaction-notifications .transaction-notification.deposit,
#transaction-notifications .transaction-notification.withdrawal,
#transaction-notifications .transaction-notification.investment {
    border-left-color: var(--aurum-gold) !important;
    background: linear-gradient(135deg, var(--aurum-gold-dark), var(--aurum-gold)) !important;
    color: var(--aurum-ink) !important;
}

/* Member dashboard */
body:has(.app) {
    --page: #11100c;
    --sidebar: #18150d;
    --panel: #211d13;
    --panel-border: #493b1b;
    --text: #f5f0df;
    --muted: #c7b98c;
    --purple: #b18b2c;
    --purple-dark: #80621c;
    --gold: #e0bd54;
    --pink: #d4af37;
    --green: #a38329;
    --line: #493b1b;
}

body:has(.app) .balance,
body:has(.app) .action.deposit,
body:has(.app) .action.invest,
body:has(.app) .nav-link.active,
body:has(.app) .back,
body:has(.app) .toolbar button:not(.plain),
body:has(.app) .toolbar select,
body:has(.app) .metric,
body:has(.app) .copy-row button,
body:has(.app) .scheme-icon,
body:has(.app) .scheme-tier,
body:has(.app) .scheme-invest,
body:has(.app) .confirm-invest,
body:has(.app) .logout-button {
    background: var(--aurum-gold) !important;
    color: var(--aurum-ink) !important;
}

body:has(.app) .level,
body:has(.app) .scheme-card {
    border-color: var(--aurum-gold) !important;
}

body:has(.app) .metric-icon,
body:has(.app) .brand-mark::before,
body:has(.app) .brand-mark::after {
    color: var(--aurum-gold) !important;
    border-color: var(--aurum-gold) !important;
}

body:has(.app) .eyebrow,
body:has(.app) .panel-title a,
body:has(.app) .scheme-summary,
body:has(.app) .scheme-footnote {
    color: var(--aurum-gold-light) !important;
}

body:has(.app) .fill,
body:has(.app) .logout-button {
    background: linear-gradient(105deg, var(--aurum-gold-dark), var(--aurum-gold-light)) !important;
}

/* Admin screens */
.layout {
    background: #11100c !important;
    color: #f5f0df !important;
}

.admin-sidebar,
.layout aside {
    background: #18150d !important;
    border-color: var(--aurum-line) !important;
}

.admin-brand small,
.admin-label {
    color: var(--aurum-gold-light) !important;
}

.brand-symbol,
.admin-nav a:hover,
.admin-nav a.active,
.mobile-nav-toggle,
.admin-logout button,
.auth-card button {
    background: var(--aurum-gold) !important;
    color: var(--aurum-ink) !important;
}

.admin-nav a:hover,
.admin-nav a.active {
    font-weight: 700;
}

.admin-sidebar,
.topbar,
.stat,
.panel,
.auth-card {
    border-color: var(--aurum-line) !important;
}

body:has(.auth-card) {
    background: #11100c !important;
    color: #f5f0df !important;
}

body:has(.auth-card) .auth-card {
    background: var(--aurum-panel) !important;
}

body:has(.auth-card) .brand {
    color: var(--aurum-gold-light) !important;
}

body:has(.auth-card) .auth-card input {
    background: var(--aurum-ink) !important;
    border-color: var(--aurum-line) !important;
}

body:has(.auth-page) .auth-page {
    --auth-bg-a: #11100c;
    --auth-bg-b: #211d13;
    --auth-card-bg: #211d13;
    --auth-border: #66521f;
    --auth-text: #f5f0df;
    --auth-text-muted: #d1c49a;
    --auth-primary: #d4af37;
    --auth-primary-2: #94751f;
    --auth-primary-hover: #f0d779;
    --auth-error-bg: #451f1e;
    --auth-error-text: #ffe1dc;
    color: var(--auth-text) !important;
    background: linear-gradient(135deg, var(--auth-bg-a), var(--auth-bg-b)) !important;
}

body:has(.auth-page) .auth-shell {
    background: var(--auth-card-bg) !important;
}

body:has(.auth-page) .auth-shell__panel {
    background: linear-gradient(160deg, #80621c, #d4af37) !important;
    color: #17150f !important;
}

body:has(.auth-page) .auth-shell__panel-content p,
body:has(.auth-page) .auth-shell__points li {
    color: #211d13 !important;
}

body:has(.auth-page) .auth-card__title {
    color: var(--auth-text) !important;
}

body:has(.auth-page) .auth-card__subtitle,
body:has(.auth-page) .auth-card__footer,
body:has(.auth-page) .auth-checkbox {
    color: var(--auth-text-muted) !important;
}

body:has(.auth-page) .auth-field__input,
body:has(.auth-page) .auth-phone-group {
    color: var(--auth-text) !important;
    background-color: #17150f !important;
    border-color: var(--aurum-line) !important;
    color-scheme: dark;
}

body:has(.auth-page) .auth-field__input:focus,
body:has(.auth-page) .auth-phone-group:focus-within {
    border-color: var(--aurum-gold) !important;
    background-color: #17150f !important;
    box-shadow: 0 0 0 3px #d4af3733 !important;
}

body:has(.auth-page) .auth-field__input::placeholder {
    color: #c7b98c !important;
    opacity: 1;
}

body:has(.auth-page) .auth-field__label,
body:has(.auth-page) .auth-phone-group__code {
    color: var(--aurum-gold-light) !important;
}

body:has(.auth-page) .auth-checkbox a,
body:has(.auth-page) .auth-card__footer a {
    color: var(--aurum-gold-light) !important;
}

body:has(.auth-page) .auth-alert {
    display: block;
    padding: 13px 16px;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.5;
}

body:has(.auth-page) .auth-alert--error {
    color: #ffe1dc !important;
    background: #451f1e !important;
    border-color: #a34d43 !important;
}

body:has(.auth-page) .auth-alert--success {
    color: #f5f0df !important;
    background: #39300f !important;
    border-color: var(--aurum-gold) !important;
}

body:has(.auth-page) .auth-password-toggle {
    color: var(--auth-text-muted) !important;
}

body:has(.auth-page) .auth-password-toggle:hover,
body:has(.auth-page) .auth-password-toggle:focus {
    color: var(--aurum-gold-light) !important;
    background: #d4af3722 !important;
}

body:has(.app) .alert-success,
body:has(.app) .alert-error {
    display: block;
    padding: 14px 18px;
    border-radius: 7px;
    font-size: 0.95rem;
    font-weight: 650;
    line-height: 1.5;
}

body:has(.app) .alert-success {
    color: #fff5d1 !important;
    background: #39300f !important;
    border: 1px solid var(--aurum-gold) !important;
}

body:has(.app) .alert-error {
    color: #ffe1dc !important;
    background: #451f1e !important;
    border: 1px solid #a34d43 !important;
}

body:has(.app) input::placeholder,
body:has(.app) textarea::placeholder {
    color: #c7b98c !important;
    opacity: 1;
}

.admin-auth input:focus,
.auth-card input:focus {
    outline-color: var(--aurum-gold) !important;
}

button,
input[type="submit"],
.btn,
.button {
    accent-color: var(--aurum-gold);
}

@media (prefers-reduced-motion: no-preference) {
    .tatsu-button,
    .tatsu-button-wrap a,
    .wp-block-button__link,
    .admin-nav a,
    button {
        transition: background-color .18s ease, color .18s ease, filter .18s ease;
    }
}
