/*************** DESIGN SYSTEM: TYPE SCALE (tokens in css/tokens.css) ***************/
/* Desktop only. Figma has no mobile type scale yet (TBD), so mobile keeps Flatsome defaults. */
@media only screen and (min-width: 850px) {
    .h1, h1 {
        font-size: var(--bb-h1-size);
        line-height: var(--bb-h1-line);
        letter-spacing: var(--bb-h1-tracking);
    }
    .h2, h2 {
        font-size: var(--bb-h2-size);
        line-height: var(--bb-h2-line);
        letter-spacing: var(--bb-h2-tracking);
    }
    .h3, h3 {
        font-size: var(--bb-h3-size);
        line-height: var(--bb-h3-line);
        letter-spacing: var(--bb-h3-tracking);
    }
    .h4, h4 {
        font-size: var(--bb-h4-size);
        line-height: var(--bb-h4-line);
        letter-spacing: var(--bb-h4-tracking);
    }
}

/* Document canvas: the colour Safari shows on overscroll and behind the page (Tiago, 2026-10-01).
   Flatsome's body_bg cannot set it with the full-width layout. */
html:root {
    background-color: rgba(249, 250, 251, .95);
}