@charset "UTF-8";
/* Design tokens for user-color/status-cell features. Centralized so a palette tweak is
   one diff rather than a sweep. Pre-existing literals in older rules below were left
   alone — they predate this convention and aren't worth churning without intent.
   NOTE: --user-color-default mirrors UserColors.Default in C# (Mediare.Core/Identity).
   The C# value flows in via inline `style="background-color: ..."` on the avatar HTML;
   this CSS var is the fallback when no inline style is set. Keep the two in sync. */
:root {
  --color-brand-primary: #00a6c7;
  --color-brand-header-bg: #2392D1;
  --font-primary: "futura-pt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --user-color-default: #9CA3AF;
  --user-avatar-text: #ffffff;
  --user-avatar-ring: rgba(255, 255, 255, 0.85);
  --status-bad-text: #842029;
  --status-bad-stripe: #c53030;
  --status-warn-text: #664d03;
  --status-warn-stripe: #d97706;
  --status-muted-text: #9CA3AF;
  --user-chip-border: #dee2e6; /* Bootstrap border-color */
  --user-chip-text: #212529; /* Bootstrap body-color */
  --user-chip-hover-bg: #f8f9fa; /* Bootstrap gray-100 / bg-light */
  --user-chip-hover-border: #adb5bd; /* Bootstrap gray-500 */
  --color-link: #0071c1;
}

html, body {
  font-family: var(--font-primary);
  height: 100%;
}

h1, h2, h3 {
  color: var(--color-brand-primary);
}

h1:focus {
  outline: none;
}

a, .btn-link {
  color: var(--color-link);
}