/* Design tokens shared by the customer site and the pharmacy portal. */
:root {
  --dp-ink: #0F2A24;
  --dp-muted: #4F615B;
  --dp-bg: #F5F8F6;
  --dp-surface: #FFFFFF;
  --dp-border: #DCE6E1;
  --dp-primary: #0E6B4C;
  --dp-primary-hover: #0A5139;
  --dp-primary-soft: #E3F1EA;
  --dp-band: #0F3D30;
  --dp-footer: #0F2A24;
  --dp-on-dark: #C9D6D1;
  --dp-rx-bg: #FEF3C7;
  --dp-rx-text: #92400E;
  --dp-hero-panel: #D7EADF;
  --dp-radius-card: 18px;
  --dp-radius-panel: 26px;
  --dp-radius-pill: 999px;
  --dp-container: 1240px;
  --dp-gutter: 24px;
  --dp-font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Status pills: background / text */
  --pill-new-bg: #FEF3C7; --pill-new-fg: #92400E;
  --pill-info-bg: #E0E7FF; --pill-info-fg: #3730A3;
  --pill-preparing-bg: #E0F2FE; --pill-preparing-fg: #075985;
  --pill-ok-bg: #E3F1EA; --pill-ok-fg: #0A5139;
  --pill-done-bg: #EEF2F0; --pill-done-fg: #3F4F49;
  --pill-bad-bg: #FEE2E2; --pill-bad-fg: #991B1B;
}