/* Loom — brand from https://www.cornerstonepo.com · logo royal blue, not analog teal */
@import url('https://fonts.googleapis.com/css2?family=Literata:wght@500;600;700;800&family=Source+Sans+3:ital,wght@0,400;0,500;0,600;1,400&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root {
  --black: #F8FAFC;
  --orange: #193E88;
  --gray: #2F5FA8;
  --paper: #F8FAFC;
  --surface: #FFFFFF;
  --surface2: #EEF2F7;
  --surface3: #D9E2EE;
  --border: color-mix(in srgb, #172554 12%, transparent);
  --border2: color-mix(in srgb, #172554 22%, transparent);
  --text: #172554;
  --text-dim: #5B6B82;
  --text-muted: #8493A7;
  --orange-dim: #152E66;
  --orange-glow: rgba(25,62,136,0.12);
  --radius: 10px;
  --radius-lg: 14px;
  --rail-bg: #193E88;
  --rail-ink: #F8FAFC;
  --rail-muted: color-mix(in srgb, #F8FAFC 58%, #193E88);
  --strip-bg: color-mix(in srgb, #FFFFFF 94%, transparent);
  --job-bg: #FFFFFF;
  --dock-bg: #193E88;
  --dock-ink: #F8FAFC;
  --display: 'Literata', Georgia, serif;
  --sans: 'Source Sans 3', system-ui, sans-serif;
  --mono: 'IBM Plex Mono', ui-monospace, monospace;
  --paper-texture: none;
  --login-bg: #193E88;
}
html[data-skin="clinic"] {
  font-family: var(--sans);
}