/* Area themes (design §4). Only chrome and primary-action tokens change;
   status colours are shared and unchanged. Colour reinforces the area label
   in the header, navigation and page eyebrow — it is never the only cue. */

/* Medicines — medical blue */
body[data-area="medicines"] {
  --color-frame-900: #063b73;      /* --med-900 sidebar/deep header */
  --color-frame-800: #0a4c8f;
  --color-frame-accent: #55b8ff;   /* active nav marker / header rule */
  --color-frame-link: #cfe3f7;
  --color-frame-muted: #a9c6e3;
  --color-primary: #0067b9;        /* --med-700 primary action */
  --color-primary-hover: #005599;
  --color-link: #0059a1;
  --color-quiet: #e3effc;          /* --med-100 */
  --color-accent: #0b79d0;         /* --med-500 eyebrow/highlight */
}

/* Medical Equipment — graphite black and steel */
body[data-area="equipment"] {
  --color-frame-900: #090c10;      /* --eq-950 */
  --color-frame-800: #171c23;      /* --eq-800 */
  --color-frame-accent: #9eabb8;   /* steel marker */
  --color-frame-link: #c9d0d9;
  --color-frame-muted: #8f9aa8;
  --color-primary: #171c23;        /* --eq-800 primary action */
  --color-primary-hover: #303844;  /* --eq-650 */
  --color-link: #303844;
  --color-quiet: #e3e7eb;          /* --eq-100 */
  --color-accent: #4a5665;
}