/* IMED360 visual system. Values derive from the supplied welcome/login brand. */
:root {
  --imed-navy: #1a2a5b;
  --imed-blue: #2e6fb4;
  --imed-cyan: #00aeef;
  --imed-soft: #7dc8e8;
  --imed-canvas: #f4f8fc;
  --imed-surface: #fff;
  --imed-tint: #e8f4fc;
  --imed-border: #dce6f0;
  --imed-text: #243452;
  --imed-muted: #627089;
  --imed-radius: 12px;
  --imed-shadow: 0 4px 20px rgb(26 42 91 / 5%);
  --imed-focus: 0 0 0 3px rgb(0 174 239 / 22%);
  --imed-font: 'Source Sans Pro', 'Tajawal', 'Almarai', 'Segoe UI', Tahoma, sans-serif;
}
:where(.imed-app,.imed-auth,.imed-public) { color: var(--imed-text); }
:where(.imed-app,.imed-auth,.imed-public) :focus-visible {
  outline: 2px solid var(--imed-blue); outline-offset: 3px;
}
:where(.imed-app,.imed-auth,.imed-public) img { max-width: 100%; }
@media (prefers-reduced-motion: reduce) {
  .imed-app *, .imed-auth *, .imed-public * {
    animation-duration: .01ms !important; transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}