/*! MOST UI Core 1.0 | derived from the existing MOST interfaces */
:root {
  color-scheme: light;
  --most-brand: #2f4f7a;
  --most-brand-strong: #1f3a61;
  --most-ink: #15365f;
  --most-text: #40536f;
  --most-muted: #5f7088;
  --most-line: #d7e1ee;
  --most-line-strong: #b9c7d9;
  --most-page: #eaf1f8;
  --most-surface: #ffffff;
  --most-surface-soft: #f4f7fb;
  --most-accent-soft: #f7ecea;
  --most-success: #47b38b;
  --most-focus: #f1c94d;
  --most-danger: #8a2e22;
  --most-radius-sm: 6px;
  --most-radius-md: 10px;
  --most-radius-lg: 14px;
  --most-shadow-sm: 0 5px 16px rgba(31, 58, 97, 0.09);
  --most-shadow-md: 0 14px 34px rgba(31, 58, 97, 0.13);
  --most-shadow-lg: 0 22px 52px rgba(31, 58, 97, 0.16);
  --most-motion-fast: 140ms;
  --most-motion: 200ms;
  --most-ease: cubic-bezier(0.2, 0, 0, 1);
}

.most-ui {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.most-ui a,
.most-ui button,
.most-ui input {
  transition:
    color var(--most-motion-fast) var(--most-ease),
    background-color var(--most-motion-fast) var(--most-ease),
    border-color var(--most-motion-fast) var(--most-ease),
    box-shadow var(--most-motion) var(--most-ease),
    transform var(--most-motion-fast) var(--most-ease);
}

.most-ui a:focus-visible,
.most-ui button:focus-visible,
.most-ui input:focus-visible {
  outline: 3px solid var(--most-focus);
  outline-offset: 3px;
}

.most-ui button,
.most-ui [class*="button"],
.most-ui .topbar__link {
  min-height: 44px;
}

.most-ui ::selection {
  background: #dce8f6;
  color: var(--most-brand-strong);
}

@media (prefers-reduced-motion: reduce) {
  .most-ui *,
  .most-ui *::before,
  .most-ui *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

@media (prefers-contrast: more) {
  :root {
    --most-line: #52647d;
    --most-line-strong: #233044;
    --most-muted: #233044;
  }
}