/* Umail theme for Bootstrap 6 (6.0.0-alpha.1).
   Keeps the original Umail palette (Bootstrap 2 era): primary #0093D0, hover #04B5FF, link #2274BA,
   deep blue #00517F, ink #333, muted #6D6D6D, line #E5E5E5, surface #F9F9F9, navbar #1B1B1B.
   Bootstrap 6 tokens are CSS variables resolved with light-dark(), so one file covers light and dark.
   Load after bootstrap.min.css. Force a mode with data-bs-theme="light|dark" on <html>.
   This file is unlayered, so it wins over Bootstrap's @layer rules. */
:root,
:host {
  --um-primary: #0093d0;
  --um-primary-hover: #04b5ff;
  --um-deep: #00517f;
  --um-navbar: #1b1b1b;

  /* theme colors: primary, secondary, success, info, warning, danger */
  --bs-primary-base: #0093d0;
  --bs-primary-bg: #0093d0;
  --bs-primary-contrast: #ffffff;
  --bs-primary-fg: light-dark(#2274ba, #5aaee6);
  --bs-primary-fg-emphasis: light-dark(#00517f, #6ec6ee);
  --bs-primary-bg-subtle: light-dark(#d9edf7, #072a3a);
  --bs-primary-bg-muted: light-dark(#bce8f1, #0a4560);
  --bs-primary-border: light-dark(#bce8f1, #0a4560);
  --bs-primary-focus-ring: light-dark(rgb(0 147 208 / .5), rgb(4 181 255 / .6));

  --bs-secondary-base: #6d6d6d;
  --bs-secondary-bg: light-dark(#e5e5e5, #3a424a);
  --bs-secondary-contrast: light-dark(#333333, #e5e5e5);
  --bs-secondary-fg: light-dark(#6d6d6d, #a9b0b6);
  --bs-secondary-fg-emphasis: light-dark(#333333, #e5e5e5);
  --bs-secondary-bg-subtle: light-dark(#f9f9f9, #1d2329);
  --bs-secondary-bg-muted: light-dark(#e5e5e5, #2d353d);
  --bs-secondary-border: light-dark(#e5e5e5, #2d353d);

  --bs-success-base: #51a351;
  --bs-success-bg: #51a351;
  --bs-success-fg: light-dark(#468847, #7cc47c);
  --bs-success-fg-emphasis: light-dark(#356635, #a6dca6);
  --bs-success-bg-subtle: light-dark(#dff0d8, #172a17);
  --bs-success-bg-muted: light-dark(#d6e9c6, #234023);
  --bs-success-border: light-dark(#d6e9c6, #234023);

  --bs-info-base: #2f96b4;
  --bs-info-bg: #2f96b4;
  --bs-info-contrast: #ffffff;
  --bs-info-fg: light-dark(#2f6f85, #6cc3dc);
  --bs-info-fg-emphasis: light-dark(#1f5a70, #9fdcee);
  --bs-info-bg-subtle: light-dark(#d9edf7, #0f2b35);
  --bs-info-bg-muted: light-dark(#bce8f1, #163d4b);
  --bs-info-border: light-dark(#bce8f1, #163d4b);

  --bs-warning-base: #f89406;
  --bs-warning-bg: #f89406;
  --bs-warning-contrast: #1b1b1b;
  --bs-warning-fg: light-dark(#a8660b, #f8b44a);
  --bs-warning-fg-emphasis: light-dark(#8a4b00, #fcd08a);
  --bs-warning-bg-subtle: light-dark(#fcf8e3, #33260a);
  --bs-warning-bg-muted: light-dark(#fbeed5, #4a360f);
  --bs-warning-border: light-dark(#fbeed5, #4a360f);

  --bs-danger-base: #bd362f;
  --bs-danger-bg: #bd362f;
  --bs-danger-fg: light-dark(#b94a48, #ee8a86);
  --bs-danger-fg-emphasis: light-dark(#8f2723, #f3b0ad);
  --bs-danger-bg-subtle: light-dark(#f2dede, #35171a);
  --bs-danger-bg-muted: light-dark(#eed3d7, #4a2024);
  --bs-danger-border: light-dark(#eed3d7, #4a2024);

  /* surfaces, text, lines */
  --bs-bg-body: light-dark(#ffffff, #15191d);
  --bs-bg-1: light-dark(#f9f9f9, #1d2329);
  --bs-bg-2: light-dark(#f2f2f2, #1a2025);
  --bs-bg-3: light-dark(#e5e5e5, #2d353d);
  --bs-fg-body: light-dark(#333333, #e5e5e5);
  --bs-fg-1: light-dark(#333333, #e5e5e5);
  --bs-fg-2: light-dark(#4d4d4d, #c4cbd1);
  --bs-fg-3: light-dark(#6d6d6d, #a9b0b6);
  --bs-border-color: light-dark(#e5e5e5, #2d353d);
  --bs-border-body: light-dark(#e5e5e5, #2d353d);
  --bs-border-subtle: light-dark(#e5e5e5, #2d353d);
  --bs-link-color: light-dark(#2274ba, #5aaee6);
  --bs-link-hover-color: light-dark(#00517f, #8fcdf3);
  --bs-body-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --bs-radius-5: 4px;
  --bs-radius-7: 6px;
}

/* original Umail hover (#04B5FF) and pressed (#00517F) button states */
.btn-solid.theme-primary {
  --bs-btn-hover-bg: #04b5ff;
  --bs-btn-hover-border-color: #04b5ff;
  --bs-btn-active-bg: #00517f;
  --bs-btn-active-border-color: #00517f;
}
.btn-outline.theme-primary { --bs-btn-color: var(--bs-primary-fg); }
.list-group { --bs-list-group-active-bg: #0093d0; --bs-list-group-active-border-color: #0093d0; --bs-list-group-active-color: #fff; }
.nav-pills { --bs-nav-pills-link-active-bg: #0093d0; }

/* dark navbar from the original site */
.umail-navbar {
  --bs-navbar-color: #bdbdbd;
  --bs-navbar-hover-color: #ffffff;
  --bs-navbar-active-color: #ffffff;
  --bs-navbar-brand-color: #ffffff;
  background-color: var(--um-navbar);
  color: #fff;
  border-bottom: 1px solid #000;
}
.umail-navbar .navbar-brand { font-weight: 700; letter-spacing: .2px; }
.umail-mark {
  display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 4px;
  background: var(--um-primary); color: #fff; font-weight: 700; margin-right: .5rem;
}
.nav-pills .nav-link.active { background-image: none; }
.um-detail .card-header { flex-direction: row; align-items: center; justify-content: space-between; text-align: start; }