:root {

    --mh-blue: #2060a8;
    --mh-blue-700: #17507f;
    --mh-blue-900: #0e3355;
    --mh-hero-a: #123a63;
    --mh-hero-b: #2060a8;
    --mh-sky: #3090e0;
    --mh-mint: #5fe5da;
    --mh-mint-text: #8ff2e8;
    --mh-hero-sub: #cfe3f7;

    --mh-ink: #0d1f33;
    --mh-body: #3f4d63;
    --mh-muted: #5a6779;
    --mh-line: #dbe3ee;
    --mh-surface: #ffffff;
    --mh-canvas: #f5f8fc;
    --mh-tint: #eef4fb;

    --mh-danger-ink: #8f2a20;  --mh-danger-bg: #fdeceb;
    --mh-warn-ink: #7a4a06;    --mh-warn-bg: #fdf4e3;
    --mh-info-ink: #14507f;    --mh-info-bg: #e8f1fb;
    --mh-teal-ink: #0d5f56;    --mh-teal-bg: #e2f7f3;

    --mh-focus: #0b4f8a;
    --mh-focus-dark: #9beade;

    --mh-radius-sm: 0.5rem;
    --mh-radius: 0.75rem;
    --mh-radius-lg: 1rem;
    --mh-radius-xl: 1.25rem;

    --mh-gutter: clamp(1rem, 4vw, 2.5rem);
    --mh-page-measure: 60rem;
    --mh-max: 76rem;
    --mh-measure: 62ch;
    --mh-tap: 2.75rem;
    --mh-header-h: 4.25rem;

    --mh-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --mh-fs-xs: 0.8125rem;
    --mh-fs-sm: 0.9375rem;
    --mh-fs-base: 1.0625rem;
    --mh-fs-h1: clamp(2.125rem, 8.5vw, 3.75rem);
    --mh-fs-h2: clamp(1.625rem, 5vw, 2.5rem);
    --mh-fs-h3: clamp(1.125rem, 2.2vw, 1.3125rem);
    --mh-fs-lead: clamp(1.0625rem, 2.4vw, 1.3125rem);
}