/**
 * Gold Pulse — site-wide yellow / amber theme (load LAST)
 */
:root {
    --fr-blue: #e8a200 !important;
    --fr-blue-d: #c47f00 !important;
    --fr-purple: #f5b800 !important;
    --fr-green: #d4a017 !important;
    --fr-emerald: #d4a017 !important;
    --fr-navy: #3d2e0a !important;
    --fr-dark: #1a1408 !important;
    --fr-bg: #fff8e6 !important;
    --fr-panel: #ffffff !important;
    --fr-ink: #1a1408 !important;
    --fr-muted: #7a6540 !important;
    --fr-line: rgba(196, 127, 0, 0.16) !important;
    --fr-grad: linear-gradient(135deg, #ffe566 0%, #f5b800 45%, #e8910f 100%) !important;
    --fr-grad-e: linear-gradient(135deg, #ffd54f, #f9a825) !important;

    --ot-blue: #e8a200;
    --ot-blue2: #f5b800;
    --ot-green: #c47f00;
    --ot-green2: #ffe566;
    --ot-page: #fff8e6;
    --ot-soft: #fff3cc;
    --ot-ink: #1a1408;
    --ot-muted: #7a6540;
    --ot-line: rgba(196, 127, 0, 0.16);
    --ot-shadow: 0 22px 55px rgba(232, 162, 0, 0.18);

    --rx-primary: #e8a200;
    --rx-primary-dark: #c47f00;
    --rx-secondary: #f5b800;
    --rx-accent: #ffcf33;
    --rx-bg: #fff8e6;

    /* Homepage tokens */
    --blue: #e8a200 !important;
    --blue-d: #c47f00 !important;
    --purple: #f5b800 !important;
    --purple-d: #e8910f !important;
    --emerald: #d4a017 !important;
    --emerald-d: #c47f00 !important;
    --navy: #3d2e0a !important;
    --bg: #fff8e6 !important;
    --panel: #ffffff !important;
    --ink: #1a1408 !important;
    --muted: #7a6540 !important;
    --line: rgba(196, 127, 0, 0.14) !important;
    --blue-t: rgba(232, 162, 0, 0.12) !important;
    --emerald-t: rgba(245, 184, 0, 0.14) !important;
    --grad: linear-gradient(135deg, #ffe566, #f5b800, #e8910f) !important;
    --grad-e: linear-gradient(135deg, #ffd54f, #f9a825) !important;
    --grad-g: linear-gradient(135deg, #ffe566, #f5b800) !important;

    /* Classic template base (btn--base / color.php) */
    --base-h: 42 !important;
    --base-s: 96% !important;
    --base-l: 48% !important;
}

/* ---------- Page backgrounds ---------- */
body,
body.fr-panel,
body.fr-panel.rx-body,
body.rx-landing,
body.rx-body,
body.fr-auth {
    background:
        radial-gradient(ellipse 90% 50% at 0% 0%, rgba(255, 213, 79, 0.42), transparent 55%),
        radial-gradient(ellipse 70% 45% at 100% 5%, rgba(245, 184, 0, 0.26), transparent 50%),
        linear-gradient(180deg, #fffdf5 0%, #fff3cc 48%, #ffe8a3 100%) !important;
    color: #1a1408 !important;
}

body.fr-panel .rx-shell-header {
    background: rgba(255, 248, 230, 0.96) !important;
}

.mesh {
    background:
        radial-gradient(circle at 10% 5%, rgba(255, 213, 79, 0.35), transparent 45%),
        radial-gradient(circle at 90% 30%, rgba(245, 184, 0, 0.28), transparent 48%),
        radial-gradient(circle at 30% 95%, rgba(232, 162, 0, 0.2), transparent 45%),
        #fff8e6 !important;
}

.fr-dash,
.fr-commander,
.rx-main-content {
    background: transparent !important;
}

/* ---------- Universal gold gradient buttons ---------- */
.fr-btn,
.rx-btn-primary,
button.rx-btn-primary,
.fr-plan-btn,
.dep-invest-btn,
.dep-pay-btn,
.pay-btn,
.fr-team-copy,
.fr-invest-btn--primary,
.fr-submit,
.fr-alt-btn,
.rx-btn-register,
.shop-buy-btn,
.btn--base,
.btn--primary,
.cmn-btn,
.btn-base,
button.btn--base,
a.btn--base,
.w-btn,
.account-form .btn,
.contact-form .btn--base,
.pagination .active .page-link,
.pagination .active span {
    background: linear-gradient(135deg, #ffe566 0%, #f5b800 50%, #e8910f 100%) !important;
    color: #1a1408 !important;
    box-shadow: 0 10px 26px rgba(232, 162, 0, 0.35) !important;
    border: none !important;
    -webkit-text-fill-color: #1a1408 !important;
}

.rx-btn-secondary,
body.fr-panel .rx-menu-btn,
body.fr-panel .rx-item.is-active,
body.fr-panel .rx-bnav-item.is-active .rx-bnav-icon {
    background: linear-gradient(135deg, #ffe566 0%, #f5b800 50%, #e8910f 100%) !important;
    color: #1a1408 !important;
    box-shadow: 0 8px 20px rgba(232, 162, 0, 0.28) !important;
    border: none !important;
}

body.fr-panel .rx-menu-btn {
    color: #1a1408 !important;
}

body.fr-panel .rx-header-title {
    background: linear-gradient(90deg, #c47f00, #f5b800) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}

body.fr-panel .rx-bnav-item.is-active span {
    color: #c47f00 !important;
}

body.fr-panel .rx-menu-btn,
body.fr-panel .rx-logout-header {
    box-shadow: 0 8px 20px rgba(232, 162, 0, 0.16) !important;
}

.rx-input:focus,
.fr-input:focus,
input.form--control:focus,
select.form--control:focus,
textarea.form--control:focus {
    border-color: #f5b800 !important;
    box-shadow: 0 0 0 3px rgba(245, 184, 0, 0.2) !important;
}

/* ---------- Heroes / banners ---------- */
.fr-commander,
.fr-cmd-bg,
.fr-vault-hero,
.fr-plan-hero,
.dep-plan-hero,
.pay-plan-hero,
.fr-mobile-brand,
.fr-card-icon,
.fr-logo-fallback {
    background: linear-gradient(145deg, #c47f00 0%, #f5b800 48%, #ffe566 100%) !important;
    color: #1a1408 !important;
}

/* Dark readable text on yellow commander / heroes */
.fr-commander,
.fr-commander *,
.fr-cmd-bg,
.fr-vault-hero,
.fr-vault-hero *,
.fr-plan-hero,
.fr-plan-hero * {
    color: #1a1408 !important;
    -webkit-text-fill-color: #1a1408 !important;
}

.fr-cmd-greet,
.fr-cmd-ref,
.fr-profit label,
.fr-cmd-stats label,
.fr-trend-sub,
.fr-vault-hero-top,
.fr-vault-grow {
    color: rgba(26, 20, 8, 0.72) !important;
    -webkit-text-fill-color: rgba(26, 20, 8, 0.72) !important;
}

.fr-cmd-name,
.fr-profit-row > div,
#balanceAmount,
.fr-cmd-stats strong,
.fr-vault-hero-amt {
    color: #1a1408 !important;
    -webkit-text-fill-color: #1a1408 !important;
    font-weight: 900 !important;
}

.fr-cmd-name .verified,
.fr-trend-up {
    color: #166534 !important;
    -webkit-text-fill-color: #166534 !important;
}

.fr-cmd-stats i,
.fr-cmd-stats i.ic-blue,
.fr-cmd-stats i.ic-green,
.fr-cmd-stats i.ic-gold,
.fr-cmd-stats i.ic-purple {
    color: #9a6700 !important;
    -webkit-text-fill-color: #9a6700 !important;
}

.fr-live-pill {
    background: rgba(26, 20, 8, 0.12) !important;
    color: #1a1408 !important;
    -webkit-text-fill-color: #1a1408 !important;
    border: 1px solid rgba(26, 20, 8, 0.12) !important;
}

.fr-eye-btn {
    background: rgba(26, 20, 8, 0.1) !important;
    color: #1a1408 !important;
    -webkit-text-fill-color: #1a1408 !important;
    border: 0 !important;
}

.fr-sync,
.fr-withdraw-now {
    background: #1a1408 !important;
    color: #ffe566 !important;
    -webkit-text-fill-color: #ffe566 !important;
    border: 0 !important;
    box-shadow: 0 10px 24px rgba(26, 20, 8, 0.25) !important;
}

.fr-withdraw-now {
    background: linear-gradient(135deg, #1a1408, #3d2e0a) !important;
}

.fr-commander,
.fr-vault-hero,
.fr-plan-hero,
.dep-plan-hero,
.pay-plan-hero {
    color: #1a1408 !important;
}

.fr-hero h1 span,
.rx-hero-title,
.rx-nav-name {
    background: linear-gradient(90deg, #c47f00, #f5b800, #ffe566) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* ---------- Orbs / control tiles / accents ---------- */
.fr-orb.blue .fr-orb-core,
.fr-orb.green .fr-orb-core,
.fr-orb.purple .fr-orb-core,
.fr-orb.orange .fr-orb-core,
.fr-cpanel-btn .fr-cpanel-core,
.tone-gold .fr-cpanel-core,
.tone-red .fr-cpanel-core,
.tone-purple .fr-cpanel-core,
.tone-blue .fr-cpanel-core,
.tone-teal .fr-cpanel-core,
.tone-pink .fr-cpanel-core,
.tone-violet .fr-cpanel-core,
.tone-lime .fr-cpanel-core,
.fr-support-link.admin,
.fr-support-link.group {
    background: linear-gradient(135deg, #ffe566, #f5b800, #e8910f) !important;
    color: #1a1408 !important;
    box-shadow: 0 10px 24px rgba(232, 162, 0, 0.32) !important;
}

.fr-support-link {
    border-color: rgba(196, 127, 0, 0.25) !important;
}

.purple,
.fr-vault-title .purple,
.fr-sec-title .purple,
.fr-plans-section .purple,
.fr-feature-chip i,
.fr-field:focus-within label,
.fr-form-links .forgot {
    color: #c47f00 !important;
}

.fr-field:focus-within {
    background: linear-gradient(135deg, #ffe566, #f5b800, #e8910f) !important;
    box-shadow: 0 14px 30px rgba(232, 162, 0, 0.18) !important;
}

.fr-field-icon,
.fr-field-icon.purple,
.fr-field-icon.green {
    background: #fff8e6 !important;
    color: #c47f00 !important;
}

.fr-field:focus-within .fr-field-icon {
    background: linear-gradient(135deg, #ffe566, #f5b800) !important;
    color: #1a1408 !important;
}

.fr-portal-pill b,
.fr-secure i {
    background: #f5b800 !important;
    color: #f5b800 !important;
    box-shadow: 0 0 0 6px rgba(245, 184, 0, 0.18) !important;
}

.fr-secure i {
    background: transparent !important;
}

/* ---------- Cards / boxes ---------- */
.fr-plan-card,
.dep-plan,
.pay-card,
.fr-vault-card,
.fr-perk-card,
.rx-record-item,
.wd-card,
.fr-card,
.rx-nav-card,
.card,
.custom--card,
.account-form,
.dashboard-widget,
.widget-card {
    border-color: rgba(196, 127, 0, 0.18) !important;
    box-shadow: 0 12px 32px rgba(232, 162, 0, 0.12) !important;
}

.fr-card::before {
    background: linear-gradient(135deg, rgba(255, 229, 102, 0.7), rgba(245, 184, 0, 0.45), rgba(232, 145, 15, 0.55)) !important;
}

.rx-nav-card,
.rx-urdu-line {
    border-color: rgba(196, 127, 0, 0.18) !important;
    box-shadow: 0 14px 34px rgba(232, 162, 0, 0.12) !important;
}

/* Plan chrome leftover blues/purples */
.fr-plan-card .fr-plan-top,
.fr-plan-badge,
.fr-plan-rate,
.fr-plan-pill,
.dep-plan-top,
.pay-plan-badge,
.fr-invest-chip,
.fr-earn-bar,
.fr-earn-bar.tone-blue,
.fr-earn-bar.tone-green,
.fr-earn-bar.tone-orange,
.fr-earn-bar.tone-purple,
.fr-earn-bar.tone-cyan,
.fr-earn-bar.tone-pink,
.fr-earn-bar.tone-amber {
    background: linear-gradient(135deg, #ffe566, #f5b800, #e8910f) !important;
}

.fr-vault-card.tone-green::before,
.fr-vault-card.tone-orange::before,
.fr-vault-card.tone-purple::before,
.fr-vault-card.tone-blue::before {
    background: radial-gradient(circle at top right, #f5b800, transparent 70%) !important;
}

/* Dashboard leftover gradient strips */
.fr-cmd-stats i.ic-gold,
.fr-cmd-stats i {
    color: #c47f00 !important;
}

/* Auth mobile brand already covered; keep text readable */
.fr-mobile-brand,
.fr-mobile-brand strong,
.fr-mobile-brand span,
.fr-mobile-brand p {
    color: #1a1408 !important;
}

.fr-mobile-brand span,
.fr-mobile-brand p {
    color: rgba(26, 20, 8, 0.75) !important;
}

.fr-mobile-brand .fr-home {
    background: rgba(255, 255, 255, 0.55) !important;
    color: #1a1408 !important;
}