/*
 * OpenMeeting brand layer (OpenMeeting Style Guide), loaded after Bootstrap on the
 * portal and support templates. All text colors here meet WCAG 2.2 AA (4.5:1).
 */
:root {
  /* Style guide palette */
  --omt-electric-blue: #005dff;   /* main color: links, buttons, headers (5.24:1 on white, and under white text) */
  --omt-electric-blue-dark: #004fd8;   /* hover */
  --omt-electric-blue-darker: #0045bf; /* pressed, and text on tinted blue backgrounds */
  --omt-sky-blue: #008cff;        /* accent only: icons, borders, decoration. Fails as text (3.39:1) */
  --omt-dark-gray: #666666;       /* secondary text (5.74:1 on white) */
  --omt-light-gray: #cccccc;      /* borders and dividers only, never text */

  /* Fonts: Poppins Regular for text, Medium for headers */
  --bs-body-font-family: 'Poppins', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --bs-body-color: #000;
  --bs-body-color-rgb: 0, 0, 0;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;

  /* Bootstrap tokens mapped to the palette */
  --bs-primary: #005dff;
  --bs-primary-rgb: 0, 93, 255;
  --bs-secondary-color: #666666;
  --bs-secondary-color-rgb: 102, 102, 102;
  --bs-link-color: #005dff;
  --bs-link-color-rgb: 0, 93, 255;
  --bs-link-hover-color: #004fd8;
  --bs-link-hover-color-rgb: 0, 79, 216;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 500;
}

.text-primary {
  color: var(--omt-electric-blue) !important;
}

.text-muted,
.text-secondary {
  color: var(--omt-dark-gray) !important;
}

/* Electric Blue only passes with white text, never black */
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #005dff;
  --bs-btn-border-color: #005dff;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #004fd8;
  --bs-btn-hover-border-color: #004fd8;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0045bf;
  --bs-btn-active-border-color: #0045bf;
  --bs-btn-disabled-bg: #005dff;
  --bs-btn-disabled-border-color: #005dff;
}

.btn-outline-primary {
  --bs-btn-color: #005dff;
  --bs-btn-border-color: #005dff;
  --bs-btn-hover-bg: #005dff;
  --bs-btn-hover-border-color: #005dff;
  --bs-btn-active-bg: #0045bf;
  --bs-btn-active-border-color: #0045bf;
}

.btn-outline-secondary {
  --bs-btn-color: #666666;
}

/* Bootstrap's info/warning/danger text shades fail on white; these pass */
.btn-outline-info {
  --bs-btn-color: #087990;
  --bs-btn-border-color: #087990;
  --bs-btn-hover-bg: #087990;
  --bs-btn-hover-border-color: #087990;
  --bs-btn-hover-color: #fff;
}

.btn-outline-warning {
  --bs-btn-color: #996100;
}

.btn-outline-danger {
  --bs-btn-color: #b02a37;
}

.badge.bg-info,
.badge.bg-warning {
  color: #000 !important;
}

/* Electric Blue is 4.49:1 on the light info tint; use the darker shade there */
.alert-info a:not(.btn) {
  color: var(--omt-electric-blue-darker);
}

/* Electric Blue is 4.07:1 on Bootstrap's grey row tint; use the darker shade there */
.table-secondary a:not(.btn) {
  color: var(--omt-electric-blue-darker);
}

/* Breadcrumb divider as plain text (the Attex icon font it used is gone) */
.breadcrumb-item + .breadcrumb-item::before {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  content: var(--bs-breadcrumb-divider, "/");
}