/* Flash Trader brand skin: black, gold and white. Market direction colors stay semantic. */
:root {
  --ft-black: #080808;
  --ft-surface: #111111;
  --ft-surface-raised: #191919;
  --ft-gold: #f5b82e;
  --ft-gold-bright: #ffd45a;
  --ft-gold-deep: #c88712;
  --ft-white: #f7f7f7;
  --ft-muted: #a8a8a8;
  --ft-line: rgba(245, 184, 46, .2);
  --primary-orange: var(--ft-gold) !important;
  --primary-orange-hover: var(--ft-gold-bright) !important;
  --orange-glow: rgba(245, 184, 46, .32) !important;
  --border-active: rgba(245, 184, 46, .48) !important;

  --bg: var(--ft-black) !important;
  --color1: #101010 !important;
  --color2: #171717 !important;
  --color3: #202020 !important;
  --color4: #2b2b2b !important;
  --verde: var(--ft-gold) !important;
  --verdeSaldo: var(--ft-gold) !important;
  --dest: var(--ft-gold-bright) !important;
  --brand-primary: var(--ft-gold) !important;
  --brand-accent: var(--ft-gold-bright) !important;
  --accent: var(--ft-gold) !important;
  --success-green: var(--ft-gold) !important;
  --admin-green: var(--ft-gold) !important;
  --admin-green-soft: rgba(245, 184, 46, .14) !important;
  --admin-blue: var(--ft-gold-bright) !important;
  --admin-bg: var(--ft-black) !important;
  --admin-surface: #111111 !important;
  --admin-surface-2: #191919 !important;
  --admin-border: #332918 !important;
}

/* Public site, sign-in and registration */
.page-wrapper header,
.page-wrapper .btn-register,
.page-wrapper .chart-cta-btn,
.page-wrapper .btn-secondary-orange,
.page-wrapper .hero-cta,
.page-wrapper .cta-primary {
  border-color: var(--ft-gold) !important;
}
.page-wrapper .btn-register,
.page-wrapper .chart-cta-btn,
.page-wrapper .btn-secondary-orange,
.page-wrapper .hero-cta,
.page-wrapper .cta-primary {
  background: linear-gradient(135deg, var(--ft-gold-bright), var(--ft-gold-deep)) !important;
  color: #111 !important;
}
.page-wrapper a:hover,
.page-wrapper .nav-link.is-active,
.page-wrapper .feature-icon,
.page-wrapper .section-eyebrow {
  color: var(--ft-gold-bright) !important;
}
.login-box,
.register-box {
  background-color: #101010 !important;
  border-color: var(--ft-line) !important;
}
.login-title,
.register-title { color: var(--ft-white) !important; }
.login-box .btn-submit,
.register-box .btn-submit {
  background: linear-gradient(135deg, var(--ft-gold-bright), var(--ft-gold-deep)) !important;
  border-color: var(--ft-gold) !important;
  color: #111 !important;
  box-shadow: 0 8px 24px rgba(245, 184, 46, .2) !important;
}
.login-box .form-control:focus,
.register-box .form-control:focus { border-color: var(--ft-gold) !important; }
.login-box a,
.register-box a { color: var(--ft-gold-bright) !important; }

/* Administrative console */
.admin-body { background: var(--ft-black) !important; }
.admin-primary-btn,
.admin-nav__item.is-active .nav-icon,
.admin-switch input:checked + span,
.admin-thread__count {
  background: var(--ft-gold) !important;
  color: #111 !important;
}
.admin-nav__item.is-active,
.admin-thread.is-active {
  background: linear-gradient(90deg, rgba(245,184,46,.16), rgba(245,184,46,.05)) !important;
  box-shadow: inset 3px 0 var(--ft-gold) !important;
}
.admin-primary-btn { box-shadow: 0 8px 28px rgba(245,184,46,.18) !important; }
.admin-pill--green { color: var(--ft-gold-bright) !important; background: rgba(245,184,46,.13) !important; }
.admin-chat__form textarea:focus,
.admin-field input:focus,
.admin-field select:focus,
.admin-field textarea:focus { border-color: var(--ft-gold) !important; }

/* Trading terminal and mobile terminal: use gold for interface accents only. */
.trade-mode-tab.is-active,
.trade-mode-tabs .is-active,
.curreny_table .item.selected,
.curreny_table .category .item.selected,
.asset-search:focus-within,
.trade-mode-tab:focus-visible {
  border-color: var(--ft-gold) !important;
  color: var(--ft-gold-bright) !important;
}
.trade-mode-tab.is-active,
.trade-mode-tabs .is-active { background: rgba(245,184,46,.13) !important; }
.curreny_table .category .item.selected { background: rgba(245,184,46,.12) !important; }
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible { outline-color: var(--ft-gold) !important; }

/* Match brand colors in the payment and account panels that use inline palette values. */
.finance-card-container [style*="#00c896"],
.finance-card-container [style*="#00C896"],
.finance-card-container [style*="#4d8dff"] {
  color: var(--ft-gold-bright) !important;
  border-color: var(--ft-gold) !important;
}
.finance-card-container button[style*="#00c896"],
.finance-card-container a[style*="#00c896"],
.finance-card-container div[style*="background: #00c896"] {
  background: var(--ft-gold) !important;
  color: #111 !important;
}
.finance-card-container .finance-submit-btn--green,
.finance-card-container .btn-copy-pix {
  background: linear-gradient(135deg, var(--ft-gold-bright), var(--ft-gold-deep)) !important;
  border-color: var(--ft-gold) !important;
  color: #111 !important;
  box-shadow: 0 8px 24px rgba(245, 184, 46, .2) !important;
}
.finance-card-container .finance-submit-btn--green:hover,
.finance-card-container .btn-copy-pix:hover { filter: brightness(1.08); }

@media (prefers-reduced-motion: no-preference) {
  .admin-primary-btn,
  .login-box .btn-submit,
  .register-box .btn-submit,
  .page-wrapper .chart-cta-btn,
  .page-wrapper .btn-register {
    transition: filter .18s ease, transform .18s ease, box-shadow .18s ease;
  }
  .admin-primary-btn:hover,
  .login-box .btn-submit:hover,
  .register-box .btn-submit:hover,
  .page-wrapper .chart-cta-btn:hover,
  .page-wrapper .btn-register:hover { filter: brightness(1.08); }
}