/* The type scale both Messaging E2E Demo themes share: every step the SDK states is a size larger than its default,
   because the page is read from the back of a room and from a projector. Nothing is smaller than the body size
   (application specification, Screens, Demo): the steps the SDK sets labels, captions, tabs and column headers in --
   tiny, x-small and small -- are the body size here, and the steps above it grow from there. The face is the MQ Summit
   website's Montserrat (D-54), which the website also sets its own body in; one face for everything but wire content
   means headings, links and buttons follow from this one token, with no rule per element. */
@layer rspond.theme {
    :root {
        --rspond-font-size-tiny: 16px;
        --rspond-font-size-x-small: 16px;
        --rspond-font-size-small: 16px;
        --rspond-font-size-default: 16px;
        --rspond-font-size-medium: 17px;
        --rspond-font-size-large: 18px;
        --rspond-font-size-x-large: 20px;
        --rspond-font-size-heading-small: 16pt;
        --rspond-font-size-heading-medium: 19pt;
        --rspond-font-size-heading-large: 22pt;
        --rspond-fonts-family: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
        --rspond-fonts-family-mono: 'Roboto Mono', 'SF Mono', Menlo, Consolas, monospace;
    }
}