/*
 * ASC brand theme ("Option B": navy and gold). Loaded after theme.min.css and
 * user.min.css in every layout, so it overrides the stock Phoenix colours.
 * To change the palette later, edit the values here only.
 *
 *   navy sidebar  #14213d   (hover/active #22345e)
 *   primary blue  #2f5bea   (dark #274fcf)
 *   gold / amber  #f2a900   (warnings, Liquidate)
 */

:root,
[data-bs-theme="light"] {
  --phoenix-primary: #2f5bea;
  --phoenix-primary-rgb: 47, 91, 234;
  --phoenix-primary-text-emphasis: #1f3fa8;
  --phoenix-primary-bg-subtle: #e6ecfc;
  --phoenix-primary-bg-subtle-rgb: 230, 236, 252;
  --phoenix-primary-border-subtle: #9db3f4;
  --phoenix-primary-lighter: #c2cffa;
  --phoenix-primary-lighter-rgb: 194, 207, 250;
  --phoenix-primary-light: #9db3f4;
  --phoenix-primary-light-rgb: 157, 179, 244;
  --phoenix-primary-dark: #274fcf;
  --phoenix-primary-dark-rgb: 39, 79, 207;
  --phoenix-primary-darker: #1f3fa8;
  --phoenix-primary-darker-rgb: 31, 63, 168;
  --phoenix-link-color: #2f5bea;
  --phoenix-link-color-rgb: 47, 91, 234;
  --phoenix-link-hover-color: #1f3fa8;
  --phoenix-link-hover-color-rgb: 31, 63, 168;

  --phoenix-warning: #f2a900;
  --phoenix-warning-rgb: 242, 169, 0;
  --phoenix-warning-text-emphasis: #8a6112;
  --phoenix-warning-bg-subtle: #fdf1d3;
  --phoenix-warning-bg-subtle-rgb: 253, 241, 211;
  --phoenix-warning-border-subtle: #f7d27a;
  --phoenix-warning-dark: #c98a00;
  --phoenix-warning-darker: #8a6112;
}

/* Buttons */
.btn-primary {
  --phoenix-btn-bg: #2f5bea;
  --phoenix-btn-hover-bg: #274fcf;
  --phoenix-btn-active-bg: #1f3fa8;
  --phoenix-btn-focus-shadow-rgb: 47, 91, 234;
}
.btn-outline-primary {
  --phoenix-btn-color: #2f5bea;
  --phoenix-btn-border-color: #2f5bea;
  --phoenix-btn-hover-bg: #2f5bea;
  --phoenix-btn-hover-border-color: #2f5bea;
  --phoenix-btn-active-bg: #274fcf;
  --phoenix-btn-active-border-color: #274fcf;
}
.btn-phoenix-primary {
  --phoenix-btn-color: #2f5bea;
  --phoenix-btn-active-color: #2f5bea;
  --phoenix-btn-hover-color: #274fcf;
  --phoenix-btn-focus-shadow-rgb: 194, 207, 250;
}
.btn-warning {
  --phoenix-btn-color: #1b1b1b;
  --phoenix-btn-bg: #f2a900;
  --phoenix-btn-hover-color: #1b1b1b;
  --phoenix-btn-hover-bg: #d99700;
  --phoenix-btn-active-color: #1b1b1b;
  --phoenix-btn-active-bg: #c98a00;
  --phoenix-btn-focus-shadow-rgb: 242, 169, 0;
}
.btn-phoenix-warning {
  --phoenix-btn-color: #b37a00;
  --phoenix-btn-active-color: #b37a00;
  --phoenix-btn-hover-color: #8a6112;
}

/* Sidebar: navy */
.navbar-vertical {
  --phoenix-navbar-vertical-bg-color: #14213d;
  --phoenix-navbar-vertical-collapsed-menu-bg: #14213d;
  --phoenix-navbar-vertical-border-color: #22345e;
  --phoenix-navbar-vertical-label-color: #8a97b8;
  --phoenix-navbar-vertical-link-color: #c9d3ea;
  --phoenix-navbar-vertical-link-hover-color: #ffffff;
  --phoenix-navbar-vertical-link-hover-bg: #22345e;
  --phoenix-navbar-vertical-link-active-color: #ffffff;
  --phoenix-navbar-vertical-link-disable-color: #6f7da0;
  --phoenix-navbar-vertical-dropdown-indicator-color: #8a97b8;
  --phoenix-nav-link-color: #c9d3ea;
  --phoenix-nav-vertical-color-global: #c9d3ea;
  background: #14213d;
  border-right: 0.5px solid #22345e;
}
.navbar-vertical .nav-link {
  color: #c9d3ea;
}
.navbar-vertical .nav-link:hover,
.navbar-vertical .nav-link:focus {
  color: #ffffff;
  background-color: #22345e;
}
.navbar-vertical .nav-link.active {
  color: #ffffff;
  background-color: #22345e;
  font-weight: 600;
}
.navbar-vertical .nav-link .nav-link-icon,
.navbar-vertical .nav-link .dropdown-indicator-icon {
  color: #8a97b8;
}
.navbar-vertical .nav-link:hover .nav-link-icon,
.navbar-vertical .nav-link.active .nav-link-icon {
  color: #f2a900;
}
.navbar-vertical .navbar-vertical-footer {
  background: #14213d;
  border-top-color: #22345e;
}

/* Top bar: navy brand name, navy page headings */
.navbar-logo .logo-text { color: #14213d; font-weight: 700; }
h1, h2, h3 { color: #14213d; }