/**
 * AS International Publications — palette from brand logo
 * Red #ED1C24, accent yellow #FFF200, white backgrounds, bold display headings
 */
:root {
  --brand-red: #ed1c24;
  --brand-red-dark: #c4161d;
  --brand-yellow: #fff200;
  --brand-blue: #243e90;
  --brand-info: #243e90;
  --brand-info-hover: #1c3278;
  --brand-info-active: #172a63;
  --cyan: #243e90;
  --info: #243e90;
  --theme-color: #ed1c24;
  --primary-bg-color: rgba(237, 28, 36, 0.1);
}

/* Bootstrap "info" (was #17a2b8) → brand blue #243e90 */
.btn-info {
  color: #fff !important;
  background-color: var(--brand-info) !important;
  border-color: var(--brand-info) !important;
}

.btn-info:hover {
  color: #fff !important;
  background-color: var(--brand-info-hover) !important;
  border-color: var(--brand-info-active) !important;
}

.btn-info:focus,
.btn-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(36, 62, 144, 0.35) !important;
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff !important;
  background-color: var(--brand-info-active) !important;
  border-color: #152852 !important;
}

.btn-outline-info {
  color: var(--brand-info) !important;
  border-color: var(--brand-info) !important;
  background-color: transparent !important;
}

.btn-outline-info:hover {
  color: #fff !important;
  background-color: var(--brand-info) !important;
  border-color: var(--brand-info) !important;
}

.btn-outline-info:focus,
.btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(36, 62, 144, 0.35) !important;
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff !important;
  background-color: var(--brand-info-hover) !important;
  border-color: var(--brand-info-active) !important;
}

.bg-info {
  background-color: var(--brand-info) !important;
}

a.bg-info:hover,
a.bg-info:focus {
  background-color: var(--brand-info-hover) !important;
}

.border-info {
  border-color: var(--brand-info) !important;
}

.text-info {
  color: var(--brand-info) !important;
}

a.text-info:hover,
a.text-info:focus {
  color: var(--brand-info-active) !important;
}

.badge-info {
  color: #fff !important;
  background-color: var(--brand-info) !important;
}

a.badge-info:hover,
a.badge-info:focus {
  color: #fff !important;
  background-color: var(--brand-info-hover) !important;
}

.alert-info {
  color: #152852;
  background-color: #e8ecf7;
  border-color: #c5cee8;
}

/* Print layout in POS uses neutral gray for .btn-info (override global info) */
#print-layout .btn-info {
  background-color: #999 !important;
  border-color: #999 !important;
  color: #fff !important;
}

body {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

.side-navbar .brand-big h1,
.side-navbar .sidenav-header h2,
nav.navbar .brand-text h3,
.brand-text h3 {
  font-family: "Archivo Black", Inter, sans-serif;
  font-weight: 400;
  letter-spacing: 0.04em;
}

/* Yellow accent on active tabs (matches logo tagline) */
.nav-tabs .nav-item .nav-link.active {
  border-bottom-color: var(--brand-yellow) !important;
}

/* Primary focus ring uses brand red */
.btn-primary:focus,
.btn-outline-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(237, 28, 36, 0.25) !important;
}