:root {
    --color-primary-50: #f2f6f4;
    --color-primary-100: #e6eee8;
    --color-primary-200: #cdddd1;
    --color-primary-300: #a7c3af;
    --color-primary-400: #6d9c7a;
    --color-primary-500: #04541a;
    --color-primary-600: #044a17;
    --color-primary-700: #034014;
    --color-primary-800: #033611;
    --color-primary-900: #022a0d;
    --color-gold-50: #fdfaf3;
    --color-gold-100: #fcf6e6;
    --color-gold-200: #f8edcd;
    --color-gold-300: #f3dfa8;
    --color-gold-400: #ecca6f;
    --color-gold-500: #dea407;
    --color-gold-600: #c39006;
    --color-gold-700: #a97d05;
    --color-gold-800: #8e6904;
    --color-gold-900: #6f5204;
    --brand-primary: var(--color-primary-500);
    --brand-primary-hover: var(--color-primary-600);
    --brand-primary-active: var(--color-primary-700);
    --brand-primary-dark: var(--color-primary-900);
    --brand-accent: var(--color-gold-500);
    --brand-accent-hover: var(--color-gold-600);
    --brand-accent-active: var(--color-gold-700);
    --brand-white: #ffffff;
    --brand-dark-text: #111827;
    --brand-muted-text: #475569;
    --brand-light-bg: #f8fafc;
    --brand-surface: #ffffff;
    --brand-border: #dbe7df;
    --brand-focus-ring: rgba(4, 84, 26, 0.24);
    --brand-gold-ring: rgba(222, 164, 7, 0.28);
    --brand-primary-rgb: 4, 84, 26;
    --brand-accent-rgb: 222, 164, 7;
    --gradient: linear-gradient(135deg, var(--color-primary-600) 0%, var(--color-primary-500) 54%, var(--color-gold-500) 100%);
    --primary: var(--brand-primary);
    --secondary: var(--brand-accent);
    --success: var(--brand-primary);
    --warning: var(--brand-accent);
    --info: var(--color-primary-400);
    --primary-hover: var(--brand-primary-hover);
    --primary-dark: var(--brand-primary-dark);
    --rgba-primary-1: rgba(var(--brand-primary-rgb), 0.1);
    --rgba-primary-2: rgba(var(--brand-primary-rgb), 0.2);
    --rgba-primary-3: rgba(var(--brand-primary-rgb), 0.3);
    --rgba-primary-4: rgba(var(--brand-primary-rgb), 0.4);
    --rgba-primary-5: rgba(var(--brand-primary-rgb), 0.5);
    --rgba-primary-6: rgba(var(--brand-primary-rgb), 0.6);
    --rgba-primary-7: rgba(var(--brand-primary-rgb), 0.7);
    --rgba-primary-8: rgba(var(--brand-primary-rgb), 0.8);
    --rgba-primary-9: rgba(var(--brand-primary-rgb), 0.9);
    --bs-primary: var(--brand-primary);
    --bs-secondary: var(--brand-accent);
    --bs-success: var(--brand-primary);
    --bs-warning: var(--brand-accent);
    --bs-link-color: var(--brand-primary);
    --bs-link-hover-color: var(--brand-primary-hover);
}

[data-theme="dark"],
.dark-layout,
body.dark-layout {
    --brand-light-bg: #07130b;
    --brand-surface: #0b1f12;
    --brand-border: #174b26;
    --brand-dark-text: #f8fafc;
    --brand-muted-text: #cbd5e1;
    --brand-focus-ring: rgba(222, 164, 7, 0.34);
}

html,
body {
    color: var(--brand-dark-text);
    background-color: var(--brand-light-bg);
}

a,
.nav-link,
.dropdown-item,
.page-link {
    color: var(--brand-primary);
}

a:hover,
.nav-link:hover,
.dropdown-item:hover,
.page-link:hover {
    color: var(--brand-primary-hover);
}

.btn-primary,
.btn-success,
.bg-primary,
.bg-success,
.badge-primary,
.badge-success,
.alert-primary,
.progress-bar,
.pagination .page-item.active .page-link,
button[type="submit"],
input[type="submit"],
.menu-area,
.navbar,
.main-menu .navbar-header,
.main-menu.menu-light .navigation > li.active > a,
.main-menu.menu-light .navigation > li.sidebar-group-active > a,
.main-menu.menu-dark,
.sidebar,
.side-menu,
.app-sidebar {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    color: var(--brand-white) !important;
}

.btn-primary:hover,
.btn-success:hover,
.btn-primary:focus,
.btn-success:focus,
button[type="submit"]:hover,
input[type="submit"]:hover {
    background-color: var(--brand-primary-hover) !important;
    border-color: var(--brand-primary-hover) !important;
    color: var(--brand-white) !important;
    box-shadow: 0 0 0 0.2rem var(--brand-focus-ring) !important;
}

.btn-primary:active,
.btn-success:active,
.btn-primary.active,
.btn-success.active {
    background-color: var(--brand-primary-active) !important;
    border-color: var(--brand-primary-active) !important;
}

.btn-secondary,
.btn-warning,
.btn-cta,
.badge-warning,
.badge-secondary,
.alert-warning,
.bg-warning,
.bg-secondary,
.premium,
.highlight,
.cta,
.selected,
.active > .menu-content {
    background-color: var(--brand-accent) !important;
    border-color: var(--brand-accent) !important;
    color: var(--brand-dark-text) !important;
}

.btn-secondary:hover,
.btn-warning:hover,
.btn-cta:hover {
    background-color: var(--brand-accent-hover) !important;
    border-color: var(--brand-accent-hover) !important;
    color: var(--brand-dark-text) !important;
    box-shadow: 0 0 0 0.2rem var(--brand-gold-ring) !important;
}

.text-primary,
.text-success,
.main-menu.menu-light .navigation li a,
.uni-tabbar__label,
.menu-area ul.menu li.menu-item.active span.menu-name {
    color: var(--brand-primary) !important;
}

.text-secondary,
.text-warning,
.text-highlight,
.text-premium,
.menu-area ul.menu li.menu-item.active span.menu-name {
    color: var(--brand-accent) !important;
}

.border-primary,
.border-success,
.form-control:focus,
.custom-select:focus,
input:focus,
select:focus,
textarea:focus,
.input-enhanced:focus {
    border-color: var(--brand-primary) !important;
    box-shadow: 0 0 0 0.2rem var(--brand-focus-ring) !important;
    outline-color: var(--brand-primary) !important;
}

.card,
.modal-content,
.dropdown-menu,
.table,
.form-control,
.custom-select,
input,
select,
textarea {
    background-color: var(--brand-surface);
    border-color: var(--brand-border);
    color: var(--brand-dark-text);
}

.card-header,
.modal-header,
.table thead th,
.dashboard-card,
.stat-card,
.widget,
.widget-card {
    background-color: var(--color-primary-50) !important;
    border-color: var(--brand-border) !important;
    color: var(--brand-dark-text) !important;
}

.alert-success,
.alert-primary {
    background-color: var(--color-primary-50) !important;
    border-color: var(--color-primary-200) !important;
    color: var(--color-primary-900) !important;
}

.alert-warning {
    background-color: var(--color-gold-100) !important;
    border-color: var(--color-gold-300) !important;
    color: var(--color-gold-900) !important;
}

.badge-success,
.badge-primary {
    background-color: var(--brand-primary) !important;
    color: var(--brand-white) !important;
}

.badge-warning,
.badge-secondary {
    background-color: var(--brand-accent) !important;
    color: var(--brand-dark-text) !important;
}

.page-item.active .page-link,
.page-link:focus {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    color: var(--brand-white) !important;
    box-shadow: 0 0 0 0.2rem var(--brand-focus-ring) !important;
}

.apexcharts-tooltip,
.chart-card,
.chart-container {
    border-color: var(--brand-border) !important;
}

.apexcharts-series path,
.ct-series-a .ct-line,
.ct-series-a .ct-point,
.ct-series-a .ct-bar {
    stroke: var(--brand-primary) !important;
}

.ct-series-b .ct-line,
.ct-series-b .ct-point,
.ct-series-b .ct-bar {
    stroke: var(--brand-accent) !important;
}

.btn:disabled,
.btn.disabled,
button:disabled,
input:disabled,
select:disabled,
textarea:disabled {
    background-color: var(--color-primary-200) !important;
    border-color: var(--color-primary-200) !important;
    color: var(--brand-muted-text) !important;
    opacity: 0.72;
}

.home-wrapper,
section.miner-section,
.header-area,
.mobile-nav,
.bottom-nav {
    background-color: var(--brand-primary) !important;
}

.single-miner-end,
.glass-card {
    background-color: var(--brand-surface) !important;
    border-color: var(--brand-border) !important;
}

.btn-modern,
.primary-gradient,
.brand-gradient {
    background: var(--gradient) !important;
    color: var(--brand-white) !important;
}

.gold-surface,
.accent-surface {
    background-color: var(--color-gold-100) !important;
    color: var(--brand-dark-text) !important;
}

[style*="rgb(4, 165, 80)"] {
    color: var(--brand-primary) !important;
}

[style*="#120eeb"],
[style*="#09c497"],
[style*="#17A278"],
[style*="#18CA72"],
[style*="#22C87F"],
[style*="#16a34a"],
[style*="#166534"],
[style*="#017946"],
[style*="#0CAD49"],
[style*="#0fff55"],
[style*="#425c49"],
[style*="#666699"],
[style*="#999966"],
[style*="#0000A0"],
[style*="#2BC59F"],
[style*="#2F5BDB"] {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    color: var(--brand-white) !important;
}

[style*="#FCAA00"],
[style*="#ee9a0b"],
[style*="#fece09"],
[style*="#EDB959"],
[style*="#f59e0b"] {
    background-color: var(--brand-accent) !important;
    border-color: var(--brand-accent) !important;
    color: var(--brand-dark-text) !important;
}

[style*="#120eeb"] {
    --brand-primary: #04541a !important;
}
