/* ============================================================
   THE PHYSICIAN LIFESCORE — COLOR THEME
   Every color token the UI uses. Change the palette here; layout,
   type, and component rules live in styles.css and read these tokens.
   Load this file BEFORE styles.css.
   ============================================================ */

:root{
  /* --- chrome / surfaces --- */
  --ink:#0E1F24;          /* clinical slate — dark chrome */
  --ink-2:#16323A;        /* raised slate */
  --ink-3:#1E4049;        /* hover slate */
  --paper:#EEF2F1;        /* cool clinical paper */
  --surface:#FFFFFF;      /* cards */

  /* --- accents --- */
  --teal:#147A70;         /* diagnostic accent */
  --teal-bright:#23A597;  /* gauge / highlight */
  --teal-soft:#E2F0ED;    /* teal wash */
  --amber:#C5883B;        /* the score / gap signal */
  --amber-soft:#F4E8D2;
  --coral:#CF6A4C;        /* attention / gap */
  --red:#B8463A;          /* risk, used sparingly */
  --ok:#2F8F6E;

  /* --- text & lines --- */
  --muted:#5C6E70;        /* secondary text */
  --muted-2:#8A9A9B;      /* tertiary */
  --line:#D5DEDB;         /* hairline */
  --line-dk:rgba(255,255,255,.12);

  /* --- elevation --- */
  --shadow:0 1px 2px rgba(14,31,36,.05),0 12px 32px -16px rgba(14,31,36,.22);
}