:root {
  --brand-50: 253 242 242;
  --brand-100: 252 231 231;
  --brand-200: 249 210 210;
  --brand-300: 244 176 176;
  --brand-400: 236 128 128;
  --brand-500: 224 85 85;
  --brand-600: 204 53 53;
  --brand-700: 171 39 39;
  --brand-800: 142 36 36;
  --brand-900: 118 36 36;
  --brand-document: #761638;
}
:root[data-clinic-theme="blue"] {
  color-scheme: light;
  --brand-50: 239 246 255;
  --brand-100: 219 234 254;
  --brand-200: 191 219 254;
  --brand-300: 147 197 253;
  --brand-400: 96 165 250;
  --brand-500: 59 130 246;
  --brand-600: 37 99 235;
  --brand-700: 29 78 216;
  --brand-800: 30 64 175;
  --brand-900: 30 58 138;
}
/* Branding assets and paper documents retain their original clinic colours.
   The blue palette applies to the interface, not logos or letterhead. */
.clinic-sidebar { background:rgb(var(--brand-50)); border-right:1px solid rgb(var(--brand-200)); }
.clinic-site-identity { display:none; }
[data-clinic-theme="blue"] .clinic-site-identity {
  display:block; background:#1e40af; color:white; text-align:center;
  font:600 12px/1.5 system-ui,sans-serif; letter-spacing:.04em;
  padding:7px 12px; overflow-wrap:anywhere;
}
[data-clinic-theme="blue"] .clinic-staff-layout { height:calc(100vh - 32px); height:calc(100dvh - 32px); }
@media print { .clinic-site-identity { display:none !important; } }