/* GENERATED by tools/tokens/build.mjs from design/tokens.json. Do not edit by hand. */
/* Light values on :root. Dark values apply on `.dark` (Filament) and, for pages that opt in with
   <html data-mh-auto-dark>, whenever the OS prefers dark (website). */

:root {
  --mh-emerald: #0b7a64;
  --mh-emerald-deep: #075544;
  --mh-emerald-bright: #12b08f;
  --mh-ink: #0f2a25;
  --mh-marigold: #f2a93b;
  --mh-indigo: #2f4fa8;
  --mh-chili: #c8372d;
  --mh-mist: #f7f8f5;
  --mh-memo-paper: #fffdf8;
  --mh-night-haat: #0a1513;
  --mh-white: #ffffff;
  --mh-mint: #4fd1b1;
  --mh-stall-0: #0b7a64;
  --mh-stall-1: #2f4fa8;
  --mh-stall-2: #a8650b;
  --mh-stall-3: #8a2f9e;
  --mh-stall-4: #0b6e86;
  --mh-stall-5: #b54708;
  --mh-stall-6: #4b3fa0;
  --mh-stall-7: #137a45;
  --mh-stall-8: #9c2f5b;
  --mh-stall-9: #3d6b1f;
  --mh-stall-10: #6a4c2e;
  --mh-stall-11: #1f5f8f;
  --mh-on-stall: #ffffff;
  --mh-admin-sidebar: #0f2a25;
  --mh-admin-sidebar-label: rgba(255, 255, 255, 0.702);
  --mh-admin-sidebar-active: rgba(79, 209, 177, 0.141);
  --mh-admin-sidebar-active-icon: #12b08f;
  --mh-gradient-brand: linear-gradient(135deg, #0a846b, #0b7a64, #075544);
  --mh-glow-marigold: radial-gradient(closest-side, rgba(242, 169, 59, 0.18), transparent);
  --mh-font-display: 'Manrope', 'SolaimanLipi', system-ui, sans-serif;
  --mh-font-body: 'Manrope', 'SolaimanLipi', system-ui, sans-serif;
  --mh-fs-hero: clamp(2.4rem, 1.4rem + 4.2vw, 4.6rem);
  --mh-lh-hero: 1.12;
  --mh-fw-hero: 750;
  --mh-wdth-hero: 85;
  --mh-tracking-hero: -0.01em;
  --mh-fs-h2: clamp(1.8rem, 1.2rem + 2.2vw, 2.8rem);
  --mh-lh-h2: 1.2;
  --mh-fw-h2: 700;
  --mh-wdth-h2: 88;
  --mh-fs-h3: 1.375rem;
  --mh-lh-h3: 1.35;
  --mh-fw-h3: 650;
  --mh-fs-lead: 1.25rem;
  --mh-lh-lead: 1.7;
  --mh-fw-lead: 400;
  --mh-fs-body: 1.0625rem;
  --mh-lh-body: 1.75;
  --mh-fw-body: 400;
  --mh-fs-small: 0.9375rem;
  --mh-lh-small: 1.6;
  --mh-fw-small: 500;
  --mh-measure: 68ch;
  --mh-admin-fs-body: 14px;
  --mh-admin-lh-body: 22px;
  --mh-admin-fs-page-title: 24px;
  --mh-admin-fs-stat: 30px;
  --mh-r-xs: 6px;
  --mh-r-sm: 10px;
  --mh-r-md: 12px;
  --mh-r-lg: 16px;
  --mh-r-xl: 24px;
  --mh-r-pill: 999px;
  --mh-space-xxs: 2px;
  --mh-space-xs: 4px;
  --mh-space-sm: 8px;
  --mh-space-md: 12px;
  --mh-space-lg: 16px;
  --mh-space-xl: 20px;
  --mh-space-xxl: 24px;
  --mh-space-xxxl: 32px;
  --mh-space-huge: 40px;
  --mh-space-giant: 56px;
  --mh-space-colossal: 72px;
  --mh-section-pad: clamp(64px, 10vw, 128px);
  --mh-container: 1180px;
  --mh-gutter: 24px;
  --mh-nav-h: 72px;
  --mh-admin-page: 24px;
  --mh-admin-card: 16px;
  --mh-admin-table-row: 52px;
  --mh-touch: 48px;
  --mh-button-h: 52px;
  --mh-focus-ring: 3px;
  --mh-focus-offset: 2px;
  --mh-scallop: 44px;
  --mh-scallop-depth: 10px;
  --mh-seal-rotate: -6deg;
  --mh-m-instant: 90ms;
  --mh-m-quick: 180ms;
  --mh-m-standard: 280ms;
  --mh-m-expressive: 520ms;
  --mh-ease-instant: cubic-bezier(0, 0, 0.58, 1);
  --mh-ease-quick: cubic-bezier(0.215, 0.61, 0.355, 1);
  --mh-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --mh-ease-expressive: cubic-bezier(0.34, 1.3, 0.64, 1);
  --mh-hero-loop: 8000ms;
  --mh-grain: 0.03;
  --mh-primary: #0b7a64;
  --mh-on-primary: #ffffff;
  --mh-primary-container: #e9f7f2;
  --mh-on-primary-container: #003a2e;
  --mh-secondary: #2f4fa8;
  --mh-on-secondary: #ffffff;
  --mh-secondary-container: #e1e8fb;
  --mh-on-secondary-container: #14275e;
  --mh-tertiary: #a8650b;
  --mh-on-tertiary: #ffffff;
  --mh-tertiary-container: #fdebc8;
  --mh-on-tertiary-container: #3f2600;
  --mh-error: #c8372d;
  --mh-on-error: #ffffff;
  --mh-error-container: #fbe3e0;
  --mh-on-error-container: #5a0e08;
  --mh-surface: #ffffff;
  --mh-on-surface: #0f2a25;
  --mh-surface-dim: #dce4e1;
  --mh-surface-bright: #ffffff;
  --mh-surface-container-lowest: #ffffff;
  --mh-surface-container-low: #f7f8f5;
  --mh-surface-container: #eff3f1;
  --mh-surface-container-high: #e8edeb;
  --mh-surface-container-highest: #e0e6e4;
  --mh-on-surface-variant: #50645d;
  --mh-outline: #87968f;
  --mh-outline-variant: #d7e0dc;
  --mh-shadow: #0f2a25;
  --mh-scrim: #0a1513;
  --mh-inverse-surface: #1c302b;
  --mh-on-inverse-surface: #eaf2ef;
  --mh-inverse-primary: #7fdcc3;
  --mh-success: #137a45;
  --mh-success-bg: #ddf5e7;
  --mh-warning: #a8650b;
  --mh-warning-bg: #fdebc8;
  --mh-info: #2f4fa8;
  --mh-info-bg: #e1e8fb;
  --mh-verified: #2f4fa8;
  --mh-verified-bg: #e1e8fb;
  --mh-danger: #c8372d;
  --mh-danger-bg: #fbe3e0;
  --mh-highlight-new: #0f2a25;
  --mh-highlight-new-bg: #f2a93b;
  --mh-presence-active: #16a34a;
  --mh-presence-recent: #d99a1c;
  --mh-presence-offline: #9aa8a3;
  --mh-marigold: #f2a93b;
  --mh-ink-surface: #0f2a25;
  --mh-on-ink-surface: #ffffff;
  --mh-dark-highlight: rgba(0, 0, 0, 0);
  --mh-memo-paper: #fffdf8;
  --mh-memo-border: #d7e0dc;
  --mh-memo-perforation: #d7e0dc;
  --mh-status-draft: #5b6b66;
  --mh-status-draft-bg: #eef2f0;
  --mh-status-sent: #2f4fa8;
  --mh-status-sent-bg: #e1e8fb;
  --mh-status-seen: #4b3fa0;
  --mh-status-seen-bg: #e9e5fa;
  --mh-status-accepted: #137a45;
  --mh-status-accepted-bg: #ddf5e7;
  --mh-status-partially-accepted: #a8650b;
  --mh-status-partially-accepted-bg: #fdebc8;
  --mh-status-needs-clarification: #8a2f9e;
  --mh-status-needs-clarification-bg: #f5e3f9;
  --mh-status-dispatched: #0b6e86;
  --mh-status-dispatched-bg: #dcf2f7;
  --mh-status-delivered: #0b7a64;
  --mh-status-delivered-bg: #d3f2e8;
  --mh-status-received: #0b5e3b;
  --mh-status-received-bg: #c8eed8;
  --mh-status-disputed: #b54708;
  --mh-status-disputed-bg: #fee8d6;
  --mh-status-rejected: #c8372d;
  --mh-status-rejected-bg: #fbe3e0;
  --mh-status-cancelled-by-pharmacy: #c8372d;
  --mh-status-cancelled-by-pharmacy-bg: #fbe3e0;
  --mh-status-cancelled-by-rep: #c8372d;
  --mh-status-cancelled-by-rep-bg: #fbe3e0;
  --mh-status-expired: #5b6b66;
  --mh-status-expired-bg: #eef2f0;
  --mh-e1: 0px 1px 2px rgba(15, 42, 37, 0.06), 0px 2px 8px rgba(15, 42, 37, 0.05);
  --mh-e2: 0px 3px 10px rgba(15, 42, 37, 0.06), 0px 10px 28px rgba(15, 42, 37, 0.07);
  --mh-e3: 0px 10px 22px rgba(15, 42, 37, 0.08), 0px 28px 56px rgba(15, 42, 37, 0.1);
  --mh-focus-glow: 0 0 0 4px rgba(11, 122, 100, 0.12);
  color-scheme: light;
}

:root.dark, .mh-night {
  --mh-primary: #4fd1b1;
  --mh-on-primary: #00382c;
  --mh-primary-container: #0e5445;
  --mh-on-primary-container: #b5f2e1;
  --mh-secondary: #a9bdf5;
  --mh-on-secondary: #14275e;
  --mh-secondary-container: #253f86;
  --mh-on-secondary-container: #e1e8fb;
  --mh-tertiary: #f6be6a;
  --mh-on-tertiary: #3f2600;
  --mh-tertiary-container: #6a420b;
  --mh-on-tertiary-container: #fdebc8;
  --mh-error: #ff8e84;
  --mh-on-error: #5a0e08;
  --mh-error-container: #8c1d15;
  --mh-on-error-container: #fbe3e0;
  --mh-surface: #0e1a17;
  --mh-on-surface: #e6efec;
  --mh-surface-dim: #08110f;
  --mh-surface-bright: #243832;
  --mh-surface-container-lowest: #070f0d;
  --mh-surface-container-low: #0a1513;
  --mh-surface-container: #13221e;
  --mh-surface-container-high: #1a2b26;
  --mh-surface-container-highest: #22352f;
  --mh-on-surface-variant: #b4c6c0;
  --mh-outline: #7f928c;
  --mh-outline-variant: #2e423d;
  --mh-shadow: #050b0a;
  --mh-scrim: #050b0a;
  --mh-inverse-surface: #e6efec;
  --mh-on-inverse-surface: #1c302b;
  --mh-inverse-primary: #0b7a64;
  --mh-success: #7fe0a8;
  --mh-success-bg: #103a25;
  --mh-warning: #f6be6a;
  --mh-warning-bg: #4a3008;
  --mh-info: #a9bdf5;
  --mh-info-bg: #1d3270;
  --mh-verified: #a9bdf5;
  --mh-verified-bg: #1d3270;
  --mh-danger: #ff8e84;
  --mh-danger-bg: #5a1712;
  --mh-highlight-new: #1a1205;
  --mh-highlight-new-bg: #f6be6a;
  --mh-presence-active: #4ade80;
  --mh-presence-recent: #f6be6a;
  --mh-presence-offline: #5f706b;
  --mh-marigold: #f6be6a;
  --mh-ink-surface: #1c302b;
  --mh-on-ink-surface: #e6efec;
  --mh-dark-highlight: rgba(255, 255, 255, 0.039);
  --mh-memo-paper: #14241f;
  --mh-memo-border: #2e423d;
  --mh-memo-perforation: #2e423d;
  --mh-status-draft: #a6b5b0;
  --mh-status-draft-bg: #1a2925;
  --mh-status-sent: #a9bdf5;
  --mh-status-sent-bg: #1d3270;
  --mh-status-seen: #c3b9f7;
  --mh-status-seen-bg: #2c2463;
  --mh-status-accepted: #7fe0a8;
  --mh-status-accepted-bg: #103a25;
  --mh-status-partially-accepted: #f6be6a;
  --mh-status-partially-accepted-bg: #4a3008;
  --mh-status-needs-clarification: #e3a9ef;
  --mh-status-needs-clarification-bg: #43174d;
  --mh-status-dispatched: #7dd5e8;
  --mh-status-dispatched-bg: #0e3843;
  --mh-status-delivered: #4fd1b1;
  --mh-status-delivered-bg: #0e3a31;
  --mh-status-received: #5ee69a;
  --mh-status-received-bg: #0b3a22;
  --mh-status-disputed: #fdba74;
  --mh-status-disputed-bg: #4a2208;
  --mh-status-rejected: #ff8e84;
  --mh-status-rejected-bg: #5a1712;
  --mh-status-cancelled-by-pharmacy: #ff8e84;
  --mh-status-cancelled-by-pharmacy-bg: #5a1712;
  --mh-status-cancelled-by-rep: #ff8e84;
  --mh-status-cancelled-by-rep-bg: #5a1712;
  --mh-status-expired: #a6b5b0;
  --mh-status-expired-bg: #1a2925;
  --mh-e1: inset 0 1px 0 rgba(255, 255, 255, 0.039);
  --mh-e2: inset 0 1px 0 rgba(255, 255, 255, 0.039);
  --mh-e3: inset 0 1px 0 rgba(255, 255, 255, 0.039);
  --mh-focus-glow: 0 0 0 4px rgba(79, 209, 177, 0.18);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root[data-mh-auto-dark] {
    --mh-primary: #4fd1b1;
    --mh-on-primary: #00382c;
    --mh-primary-container: #0e5445;
    --mh-on-primary-container: #b5f2e1;
    --mh-secondary: #a9bdf5;
    --mh-on-secondary: #14275e;
    --mh-secondary-container: #253f86;
    --mh-on-secondary-container: #e1e8fb;
    --mh-tertiary: #f6be6a;
    --mh-on-tertiary: #3f2600;
    --mh-tertiary-container: #6a420b;
    --mh-on-tertiary-container: #fdebc8;
    --mh-error: #ff8e84;
    --mh-on-error: #5a0e08;
    --mh-error-container: #8c1d15;
    --mh-on-error-container: #fbe3e0;
    --mh-surface: #0e1a17;
    --mh-on-surface: #e6efec;
    --mh-surface-dim: #08110f;
    --mh-surface-bright: #243832;
    --mh-surface-container-lowest: #070f0d;
    --mh-surface-container-low: #0a1513;
    --mh-surface-container: #13221e;
    --mh-surface-container-high: #1a2b26;
    --mh-surface-container-highest: #22352f;
    --mh-on-surface-variant: #b4c6c0;
    --mh-outline: #7f928c;
    --mh-outline-variant: #2e423d;
    --mh-shadow: #050b0a;
    --mh-scrim: #050b0a;
    --mh-inverse-surface: #e6efec;
    --mh-on-inverse-surface: #1c302b;
    --mh-inverse-primary: #0b7a64;
    --mh-success: #7fe0a8;
    --mh-success-bg: #103a25;
    --mh-warning: #f6be6a;
    --mh-warning-bg: #4a3008;
    --mh-info: #a9bdf5;
    --mh-info-bg: #1d3270;
    --mh-verified: #a9bdf5;
    --mh-verified-bg: #1d3270;
    --mh-danger: #ff8e84;
    --mh-danger-bg: #5a1712;
    --mh-highlight-new: #1a1205;
    --mh-highlight-new-bg: #f6be6a;
    --mh-presence-active: #4ade80;
    --mh-presence-recent: #f6be6a;
    --mh-presence-offline: #5f706b;
    --mh-marigold: #f6be6a;
    --mh-ink-surface: #1c302b;
    --mh-on-ink-surface: #e6efec;
    --mh-dark-highlight: rgba(255, 255, 255, 0.039);
    --mh-memo-paper: #14241f;
    --mh-memo-border: #2e423d;
    --mh-memo-perforation: #2e423d;
    --mh-status-draft: #a6b5b0;
    --mh-status-draft-bg: #1a2925;
    --mh-status-sent: #a9bdf5;
    --mh-status-sent-bg: #1d3270;
    --mh-status-seen: #c3b9f7;
    --mh-status-seen-bg: #2c2463;
    --mh-status-accepted: #7fe0a8;
    --mh-status-accepted-bg: #103a25;
    --mh-status-partially-accepted: #f6be6a;
    --mh-status-partially-accepted-bg: #4a3008;
    --mh-status-needs-clarification: #e3a9ef;
    --mh-status-needs-clarification-bg: #43174d;
    --mh-status-dispatched: #7dd5e8;
    --mh-status-dispatched-bg: #0e3843;
    --mh-status-delivered: #4fd1b1;
    --mh-status-delivered-bg: #0e3a31;
    --mh-status-received: #5ee69a;
    --mh-status-received-bg: #0b3a22;
    --mh-status-disputed: #fdba74;
    --mh-status-disputed-bg: #4a2208;
    --mh-status-rejected: #ff8e84;
    --mh-status-rejected-bg: #5a1712;
    --mh-status-cancelled-by-pharmacy: #ff8e84;
    --mh-status-cancelled-by-pharmacy-bg: #5a1712;
    --mh-status-cancelled-by-rep: #ff8e84;
    --mh-status-cancelled-by-rep-bg: #5a1712;
    --mh-status-expired: #a6b5b0;
    --mh-status-expired-bg: #1a2925;
    --mh-e1: inset 0 1px 0 rgba(255, 255, 255, 0.039);
    --mh-e2: inset 0 1px 0 rgba(255, 255, 255, 0.039);
    --mh-e3: inset 0 1px 0 rgba(255, 255, 255, 0.039);
    --mh-focus-glow: 0 0 0 4px rgba(79, 209, 177, 0.18);
    color-scheme: dark;
  }
}