/* Brand yellow = the logo's yellow (#FDC210), deep amber #E39A00 for
   hover/text. Loaded after Bootstrap so its "warning" yellow (#FFC107)
   matches the logo everywhere it is used. */
:root {
  --bs-warning: #FDC210;
  --bs-warning-rgb: 253, 194, 16;
  --brand-yellow: #FDC210;
  --brand-yellow-dark: #E39A00;
}
.bg-warning { background-color: #FDC210 !important; }
.text-warning { color: #E39A00 !important; }
.border-warning { border-color: #FDC210 !important; }
.badge.bg-warning, .badge-warning { background-color: #FDC210 !important; color: #1a1300 !important; }
.btn-warning { background-color: #FDC210 !important; border-color: #FDC210 !important; color: #1a1300 !important; }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active { background-color: #E39A00 !important; border-color: #E39A00 !important; color: #1a1300 !important; }
.btn-outline-warning { color: #B87A00 !important; border-color: #FDC210 !important; }
.btn-outline-warning:hover, .btn-outline-warning:focus { background-color: #FDC210 !important; color: #1a1300 !important; }
.alert-warning { background-color: #FFF4CC !important; border-color: #FEE18A !important; color: #6B4E00 !important; }