html {
    font-size: 116%;
}

/* ==========================================================================
   MBM — Design tokens
   Non-color/font tokens not generated by theme.json. Enqueued globally.
   Colors and fonts use --wp--preset--* vars generated from theme.json.
   ========================================================================== */

:root {
    /* Mist opacity variants — mist (#b8cede) at reduced opacity */
    --mbm-mist-70: color-mix(in srgb, var(--wp--preset--color--mist) 70%, transparent);
    --mbm-mist-50: color-mix(in srgb, var(--wp--preset--color--mist) 50%, transparent);
}

/* ==========================================================================
   Reveal animation — scroll-triggered via JS scroll bus (fse/js/blocks.js).
   JS adds .visible when the element enters the viewport.
   ========================================================================== */

.reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 0.75s ease, transform 0.75s ease;
}

.reveal.visible {
    opacity: 1;
    transform: translateY(0);
}