/* Copied from web/src/design/tokens.css, which scripts/import-design.mjs generates from the iOS colour assets. Re-copy it if the colours change; do not edit by hand. */
:root {
  --ht-bg: #FAF9F6;
  --ht-blue: #3D5A9A;
  --ht-blue-soft: #EDF1F8;
  --ht-border: #ECEBE6;
  --ht-chart-dim: #6F6F6A;
  --ht-chart-track: #F0EFEA;
  --ht-device-dot: #8E8E88;
  --ht-divider: #F0EFEA;
  --ht-faint: #A3A39D;
  --ht-green: #1E6B52;
  --ht-green-soft: #E9F2EE;
  --ht-ink: #141414;
  --ht-ink-raised: #2A2A2A;
  --ht-kind-imaging: #5B4E9E;
  --ht-kind-imaging-soft: #ECE9F8;
  --ht-kind-lab: #2B6F8E;
  --ht-kind-lab-soft: #E3EFF5;
  --ht-kind-medication: #A03D5C;
  --ht-kind-medication-soft: #F8E6EC;
  --ht-kind-note: #5E6B5A;
  --ht-kind-note-soft: #EBEFE8;
  --ht-kind-visit: #9A6A1E;
  --ht-kind-visit-soft: #F7EEDD;
  --ht-muted: #6F6F6A;
  --ht-on-ink: #FFFFFF;
  --ht-self-report-dot: #8E8E88;
  --ht-soft: #F3F2EE;
  --ht-soft-warm: #F1F0EB;
  --ht-surface: #FFFFFF;
  --ht-warn: #C2410C;
  --ht-warn-soft: #FBF1EA;
  --ht-warn-text: #9A3412;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ht-bg: #121211;
    --ht-blue: #8FA6D9;
    --ht-blue-soft: #1B2235;
    --ht-border: #2A2A27;
    --ht-chart-dim: #A3A39D;
    --ht-chart-track: #262624;
    --ht-device-dot: #8E8E88;
    --ht-divider: #262624;
    --ht-faint: #6F6F6A;
    --ht-green: #5FB08E;
    --ht-green-soft: #16302A;
    --ht-ink: #F2F1EC;
    --ht-ink-raised: #DCDBD5;
    --ht-kind-imaging: #A79BE6;
    --ht-kind-imaging-soft: #2A2545;
    --ht-kind-lab: #7FB6D1;
    --ht-kind-lab-soft: #1B2F3A;
    --ht-kind-medication: #E08AA6;
    --ht-kind-medication-soft: #3D2029;
    --ht-kind-note: #A6B3A0;
    --ht-kind-note-soft: #262B24;
    --ht-kind-visit: #D9B06A;
    --ht-kind-visit-soft: #3A2E18;
    --ht-muted: #A3A39D;
    --ht-on-ink: #141414;
    --ht-self-report-dot: #8E8E88;
    --ht-soft: #222220;
    --ht-soft-warm: #24231F;
    --ht-surface: #1C1C1A;
    --ht-warn: #E8683A;
    --ht-warn-soft: #3A2218;
    --ht-warn-text: #F0A080;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --ht-bg: #121211;
  --ht-blue: #8FA6D9;
  --ht-blue-soft: #1B2235;
  --ht-border: #2A2A27;
  --ht-chart-dim: #A3A39D;
  --ht-chart-track: #262624;
  --ht-device-dot: #8E8E88;
  --ht-divider: #262624;
  --ht-faint: #6F6F6A;
  --ht-green: #5FB08E;
  --ht-green-soft: #16302A;
  --ht-ink: #F2F1EC;
  --ht-ink-raised: #DCDBD5;
  --ht-kind-imaging: #A79BE6;
  --ht-kind-imaging-soft: #2A2545;
  --ht-kind-lab: #7FB6D1;
  --ht-kind-lab-soft: #1B2F3A;
  --ht-kind-medication: #E08AA6;
  --ht-kind-medication-soft: #3D2029;
  --ht-kind-note: #A6B3A0;
  --ht-kind-note-soft: #262B24;
  --ht-kind-visit: #D9B06A;
  --ht-kind-visit-soft: #3A2E18;
  --ht-muted: #A3A39D;
  --ht-on-ink: #141414;
  --ht-self-report-dot: #8E8E88;
  --ht-soft: #222220;
  --ht-soft-warm: #24231F;
  --ht-surface: #1C1C1A;
  --ht-warn: #E8683A;
  --ht-warn-soft: #3A2218;
  --ht-warn-text: #F0A080;
  color-scheme: dark;
}