/*
  VerityRadar brand theme for BTCPay Server.
  Apply via: Server Settings → Theme → Custom Theme CSS URL
  →  https://verityradar.com/btcpay-theme.css
  Affects all pages (login, register, dashboard) once saved.
*/

:root {
  /* Brand palette — mirrors AppColors / landing tokens */
  --vr-navy:        #0F0847;
  --vr-navy-alt:    #1A0F5C;
  --vr-purple:      #8557E8;
  --vr-purple-hi:   #A37DFF;
  --vr-lime:        #A3E635;
  --vr-burgundy:    #E5484D;
  --vr-cloud:       #EDE9EF;
  --vr-border:      #E8E5ED;

  /* BTCPay overrides */
  --btcpay-primary:        var(--vr-purple);
  --btcpay-primary-rgb:    133, 87, 232;
  --btcpay-secondary:      var(--vr-navy);
  --btcpay-secondary-rgb:  15, 8, 71;
  --btcpay-tertiary:       var(--vr-lime);
  --btcpay-success:        #16A34A;
  --btcpay-danger:         var(--vr-burgundy);
  --btcpay-warning:        #FFB800;

  --btcpay-body-bg:        var(--vr-cloud);
  --btcpay-body-bg-rgb:    237, 233, 239;
  --btcpay-body-color:     var(--vr-navy);

  --btcpay-link-color:        var(--vr-purple);
  --btcpay-link-hover-color:  var(--vr-purple-hi);

  --btcpay-bg-tile:        #FFFFFF;
  --btcpay-bg-pill:        var(--vr-cloud);
  --btcpay-border-color:   var(--vr-border);

  --btcpay-header-bg:           var(--vr-navy);
  --btcpay-header-text:         #FFFFFF;
  --btcpay-header-link:         #FFFFFF;
  --btcpay-header-link-active:  var(--vr-lime);
  --btcpay-header-link-accent:  var(--vr-lime);
}

/* Sidebar / nav matches the Flutter app shell — deep navy with lime active */
.mainMenu, #mainMenu, .navbar-dark {
  background-color: var(--vr-navy) !important;
}

.mainMenu a,
.mainMenu a:visited,
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.9) !important;
}

.mainMenu a:hover,
.mainMenu .active > a,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link:hover {
  color: var(--vr-lime) !important;
}

/* Primary buttons — purple brand action */
.btn-primary {
  background-color: var(--vr-purple) !important;
  border-color: var(--vr-purple) !important;
  color: #FFFFFF !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--vr-purple-hi) !important;
  border-color: var(--vr-purple-hi) !important;
  color: #FFFFFF !important;
}

.btn-outline-primary {
  border-color: var(--vr-purple) !important;
  color: var(--vr-purple) !important;
}

.btn-outline-primary:hover {
  background-color: var(--vr-purple) !important;
  color: #FFFFFF !important;
}

/* Links inside body */
a {
  color: var(--vr-purple);
}

a:hover {
  color: var(--vr-purple-hi);
}

/* Login / register card — soften the default Bootstrap shadow + match
   our Flutter Card aesthetic (1px lavender border, no shadow) */
.card,
.public-page-card {
  border: 1px solid var(--vr-border) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

/* Form focus rings — purple instead of Bootstrap blue */
.form-control:focus,
.form-select:focus {
  border-color: var(--vr-purple) !important;
  box-shadow: 0 0 0 0.2rem rgba(133, 87, 232, 0.25) !important;
}

/* Brand alert / info pill that uses BTCPay's lime accent */
.alert-success,
.bg-success {
  background-color: rgba(22, 163, 74, 0.12) !important;
  color: #15803D !important;
  border-color: rgba(22, 163, 74, 0.3) !important;
}

.alert-danger,
.bg-danger {
  background-color: rgba(229, 72, 77, 0.12) !important;
  color: #B91C1C !important;
  border-color: rgba(229, 72, 77, 0.3) !important;
}