/* Corporate palette: orange, deep teal, turquoise, white */
:root {
  --brand-orange: #F6A800;
  --brand-teal: #014656;
  --brand-turquoise: #00A2AD;
  --brand-white: #FFFFFF;
  --brand-text: #263238;
  --brand-muted: #78909C;
  --brand-surface: #F5F8F8;
}

/* General panel surfaces */
body { background-color: var(--brand-white); color: var(--brand-text); }
a, a:visited { color: var(--brand-teal); }
a:hover, a:focus { color: var(--brand-turquoise); }

/* Bootstrap 3 primary actions and focus states */
.btn-primary {
  background-color: var(--brand-teal) !important;
  border-color: var(--brand-teal) !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: var(--brand-turquoise) !important;
  border-color: var(--brand-turquoise) !important;
}
.btn-warning {
  background-color: var(--brand-orange) !important;
  border-color: var(--brand-orange) !important;
  color: var(--brand-teal) !important;
}
.form-control:focus {
  border-color: var(--brand-turquoise) !important;
  box-shadow: 0 0 0 2px rgba(0,162,173,.15) !important;
}

/* Shared panel header and fixed navigation */
.corporate-header { background: var(--brand-teal) !important; color: var(--brand-white); }
.corporate-nav { background: var(--brand-white) !important; border-top: 2px solid var(--brand-turquoise); }
.corporate-active { color: var(--brand-turquoise) !important; }
hr { border-color: #DCE5E7; }

/* Charts: use the brand colors when chart styles are controlled by CSS */
.ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point { stroke: var(--brand-teal); }
.ct-series-b .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point { stroke: var(--brand-turquoise); }
.ct-series-c .ct-bar, .ct-series-c .ct-line, .ct-series-c .ct-point { stroke: var(--brand-orange); }