:root {
  --color-bg-main: #0f172a;
  --color-bg-main-dark: #1e293b;
  --color-carousel-banners: #1e293b;
  --color-carousel-banners-dark: #334155;
  --color-sidebar: #1e293b;
  --color-sidebar-dark: #334155;
  --color-navtop: #1e293b;
  --color-navtop-dark: #334155;
  --color-side-menu-box: #334155;
  --color-side-menu-box-dark: #475569;
  --color-footer: #0f172a;
  --color-footer-dark: #1e293b;
  --color-bottom-nav: #1e293b;
  --color-bottom-nav-dark: #334155;
  --color-icons-bottom-nav: #fbbf24;
  --color-saldo-navtop: #fbbf24;
  --bg-btn-deposit-navtop: #f59e0b;
  --text-btn-deposit-navtop: #ffffff;
  --border-btn-deposit-navtop: #d97706;
  --bg-btn-login-navtop: #3b82f6;
  --text-btn-login-navtop: #ffffff;
  --border-btn-login-navtop: #2563eb;
  --bg-btn-register-navtop: #10b981;
  --text-btn-register-navtop: #ffffff;
}
body, .bg-ro-dark { background-color: var(--color-bg-main) !important; }
header.bg-ro-dark:not(#public-header) { background-color: var(--color-navtop) !important; }
header:not(#public-header) { background-color: var(--color-navtop) !important; }
header#public-header { background-color: rgba(0, 0, 0, 0.09) !important; background: rgba(0, 0, 0, 0.09) !important; background-image: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; filter: none !important; mix-blend-mode: normal !important; }
footer { background-color: var(--color-footer) !important; }
.sidebar { background-color: var(--color-sidebar) !important; }
.carousel-banners { background-color: var(--color-carousel-banners) !important; }
.bottom-navigation { background-color: var(--color-bottom-nav) !important; }
.bottom-navigation i { color: var(--color-icons-bottom-nav) !important; }
.saldo-navtop { color: var(--color-saldo-navtop) !important; }
.btn-deposit-navtop { background-color: var(--bg-btn-deposit-navtop) !important; color: var(--text-btn-deposit-navtop) !important; border-color: var(--border-btn-deposit-navtop) !important; }
.btn-login-navtop { background-color: var(--bg-btn-login-navtop) !important; color: var(--text-btn-login-navtop) !important; border-color: var(--border-btn-login-navtop) !important; }
.btn-register-navtop { background-color: var(--bg-btn-register-navtop) !important; color: var(--text-btn-register-navtop) !important; }