/* Generated by build.mjs; source of truth: build.mjs. */
:root {
  --mh-background: #F4F5FA;
  --mh-surface: #FFFFFF;
  --mh-subtle: #ECEEF6;
  --mh-hero: #D6DAEB;
  --mh-text: #333333;
  --mh-muted: #5B5F69;
  --mh-border: #D2D5E1;
  --mh-control-border: #7B8090;
  --mh-action: #55576A;
  --mh-action-hover: #444658;
  --mh-action-pressed: #34364A;
  --mh-on-action: #FFFFFF;
  --mh-focus: #55576A;
  --mh-success: #246348;
  --mh-success-soft: #E7F2EB;
  --mh-warning: #7C531D;
  --mh-warning-soft: #FAF0DE;
  --mh-danger: #A43E4C;
  --mh-danger-soft: #FBECEF;
  --mh-info: #355E88;
  --mh-info-soft: #E9F0F8;
  --mh-sleep: #655786;
  --mh-sleep-soft: #EFEBF7;
  --mh-nutrition: #506A46;
  --mh-nutrition-soft: #EDF2E8;
  --mh-movement: #875B49;
  --mh-movement-soft: #F6EDE7;
  --mh-space-0: 0px;
  --mh-space-2: 2px;
  --mh-space-4: 4px;
  --mh-space-8: 8px;
  --mh-space-12: 12px;
  --mh-space-16: 16px;
  --mh-space-20: 20px;
  --mh-space-24: 24px;
  --mh-space-32: 32px;
  --mh-space-40: 40px;
  --mh-space-48: 48px;
  --mh-space-64: 64px;
  --mh-space-80: 80px;
  --mh-space-120: 120px;
  --mh-radius-xs: 8px;
  --mh-radius-sm: 12px;
  --mh-radius-md: 16px;
  --mh-radius-lg: 24px;
  --mh-radius-xl: 32px;
  --mh-radius-hero: 40px;
  --mh-radius-pill: 999px;
  --mh-font-body: Inter, "Inter Display", system-ui, sans-serif;
  --mh-font-display: "Instrument Serif", Georgia, serif;
  --mh-duration-fast:120ms; --mh-duration-standard:200ms; --mh-ease:cubic-bezier(.2,.7,.2,1);
}
[data-theme="dark"] {
  --mh-background: #171921;
  --mh-surface: #242732;
  --mh-subtle: #2D3140;
  --mh-hero: #30354B;
  --mh-text: #F1F2F7;
  --mh-muted: #BBC0D0;
  --mh-border: #464C60;
  --mh-control-border: #8E96AF;
  --mh-action: #D6DAEB;
  --mh-action-hover: #E5E8F4;
  --mh-action-pressed: #C3C8DF;
  --mh-on-action: #242732;
  --mh-focus: #C8D3FF;
  --mh-success: #A8DCC0;
  --mh-success-soft: #223B30;
  --mh-warning: #EAC58B;
  --mh-warning-soft: #3E3324;
  --mh-danger: #FFB5C0;
  --mh-danger-soft: #412730;
  --mh-info: #AFD2F2;
  --mh-info-soft: #23364B;
  --mh-sleep: #D3C1F0;
  --mh-sleep-soft: #342B45;
  --mh-nutrition: #C5D9AE;
  --mh-nutrition-soft: #2D3B29;
  --mh-movement: #E7C1AD;
  --mh-movement-soft: #412F2A;
  color-scheme:dark;
}