:root {
    color-scheme: light;
    --mk-ink: #071320;
    --mk-blue: #187ffa;
    /* Accessible action shade of Primary Blue for white normal-sized labels. */
    --mk-action-blue: #0967d2;
    --mk-red: #e9273e;
    --mk-green: #15c933;
    --mk-muted: #707070;
    --mk-white: #fff;
    --mk-light: color-mix(in srgb, var(--mk-blue) 5%, var(--mk-white));
    --mk-line: color-mix(in srgb, var(--mk-ink) 18%, var(--mk-white));
    --mk-font: system-ui, -apple-system, "Segoe UI", sans-serif;
    --mk-display: clamp(2.5rem, 4.5vw, 4rem);
    --mk-h1: clamp(2.25rem, 4vw, 3rem);
    --mk-h2: clamp(1.75rem, 3vw, 2.25rem);
    --mk-h3: 1.5rem;
    --mk-h4: 1.125rem;
    --mk-body-lg: 1.125rem;
    --mk-body: 1rem;
    --mk-small: .875rem;
    --mk-meta: .75rem;
    --mk-1: .25rem;
    --mk-2: .5rem;
    --mk-3: .75rem;
    --mk-4: 1rem;
    --mk-6: 1.5rem;
    --mk-8: 2rem;
    --mk-12: 3rem;
    --mk-16: 4rem;
    --mk-24: 6rem;
    --mk-32: 8rem;
    --mk-wide: 75rem;
    /* VR-01: informational content has a fixed CSS-pixel cap; type/gutters still scale. */
    --mk-content: 1024px;
    --mk-public-hero-desktop: 714.9375px;
    --mk-focused: 50rem;
    --mk-reading: 47.5rem;
    /* Small geometry/motion choices are implementation values, not new visual authority. */
    --mk-radius: .5rem;
    --mk-pill: 100vmax;
    --mk-shadow: 0 .25rem .75rem rgb(7 19 32 / 12%);
    --mk-motion: 160ms;
    --mk-focus: 3px;
    --mk-overlay: rgb(7 19 32 / 75%);
}