:root {
  /* Primary (#102144): For main navigation bars, headers, footers, and other dominant UI elements */
  --medact-blue: #102144;
  /* Secondary (#3ba99c): For buttons and section dividers */
  --medact-green: #3ba99c;
  /* Accent 1* (#fe5d60): For urgent alerts */
  --medact-red: #fe5d60;
  /* Accent 2* (#f3d250): For some highlights and stats  */
  --medact-yellow: #f3d250;
  /* Background (#f9f9f9): Page background */
  --medact-white: #f9f9f9;
  /* Text (#1a1f2b): For all body copy */
  --medact-black: #1a1f2b;

  /* blends */
  --medact-blue-black: color-mix(in srgb, var(--medact-blue), var(--medact-black));
  --medact-blue-green: color-mix(in srgb, var(--medact-blue), var(--medact-green));

  /* transparencies */
  --medact-blue-overlay: #102144ee;
}