/* ============================================================
   LX Medical — shared theme tokens (THE single brand source)
   ------------------------------------------------------------
   Ported once from the LX brand source ("…\lx-medical-labs"):
   deep navy grounds, warm cream surfaces, champagne/deep GOLD
   accent; high-contrast serif display (Playfair Display, italic
   for the gold emphasis word) + Inter body.

   Linked by BOTH the clinician console (console-theme.lx.css) and
   the consumer app (patient-mobile.html / index.html) so there is
   exactly one source of brand truth. Each surface maps its own
   component variables onto these tokens.
   ============================================================ */
:root{
  /* navy grounds */
  --lx-navy:#13314f;          /* primary navy — headings, primary actions, wordmark */
  --lx-navy-deep:#0b1a2d;     /* deep ground — topbar, footer, dark bands */
  --lx-ink:#080f1c;           /* deepest ground */
  --lx-navy-2:#102338;        /* tonal band on dark */
  --lx-navy-3:#18324b;        /* raised card on dark / hover */
  --lx-line-dark:#26344a;     /* hairline on dark */
  /* gold accent */
  --lx-gold:#9b7d2b;          /* gold on light — eyebrows, emphasis, focus, links */
  --lx-gold-strong:#cba94f;   /* interactive gold */
  --lx-gold-soft:#e4c987;     /* champagne gold on dark */
  /* cream surfaces */
  --lx-cream:#faf6ec; --lx-cream-2:#f4ecdb; --lx-cream-hover:#f2e9d4; --lx-divider:#e7ddc8;
  --lx-body-bg:#fdfaf3; --lx-surface:#ffffff;
  --lx-ink-body:#57514a;      /* warm charcoal body */
  --lx-ink-strong:#122c47;    /* high-contrast heading ink */
  --lx-muted:#857c6e;         /* warm muted */
  --lx-faint:#a89f8f;
  /* semantics */
  --ok:#0f6b46; --ok-bg:#e7f1ea; --warn:#9a6b12; --warn-bg:#f6efe1; --bad:#9b2c2c; --bad-bg:#f7ecea; --info:#13314f; --info-bg:#eef2f7;
  --r:6px; --r-lg:12px; --r-pill:999px;
  --sh:0 1px 2px rgba(18,28,44,.06), 0 10px 26px -16px rgba(18,28,44,.18);
  --sh-card:0 1px 2px rgba(18,28,44,.06), 0 1px 3px rgba(18,28,44,.05);
  --sh-hover:0 6px 16px -8px rgba(18,28,44,.18);
  --serif:'Playfair Display',Georgia,'Times New Roman',serif;
  --sans:'Inter',system-ui,-apple-system,sans-serif;
  --mono:'Spline Sans Mono',ui-monospace,monospace;
}
/* gold italic emphasis word in a headline (LX signature) */
.em{font-family:var(--serif);font-style:italic;font-weight:700;color:var(--lx-gold)}