@import "https://cdn.openticket.tech/design/v0.9.43/ot.min.css";

/*
Font weight spec: https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight
*/

/* Heading font */
@font-face {
    font-family: 'Right Grotesk';
    src: url('fonts/right-grotesk/compact-medium.woff') format('woff');
}

/* Text font (various weights) */
@font-face {
    font-family: 'Suisse Intl';
    font-weight: 300;
    src: url('fonts/suisse-intl/light.woff') format('woff');
}

@font-face {
    font-family: 'Suisse Intl';
    font-weight: 400;
    src: url('fonts/suisse-intl/regular.woff') format('woff');
}

@font-face {
    font-family: 'Suisse Intl';
    font-weight: 500;
    src: url('fonts/suisse-intl/medium.woff') format('woff');
}

@font-face {
    font-family: 'Suisse Intl';
    font-weight: 700;
    src: url('fonts/suisse-intl/bold.woff') format('woff');
}

.ot-document {
    --ot-heading-font-family: 'Right Grotesk';
    --ot-heading-font-weight: 800;
    --ot-text-font-family: 'Suisse Intl';
    --ot-text-font-weight: 400;
}

.ot-document h2 {
    font-size: 1.75rem;
    line-height: 2rem;
}

.ot-document h3 {
    font-size: 1.5rem;
    line-height: 1.75rem;
}

.ot-document h4 {
    font-size: 1.25rem;
    line-height: 1.5rem;
}

.ot-document h5 {
    font-size: 1.125rem;
    line-height: 1.375rem;
}

.ot-document h6 {
    font-size: 1rem;
    line-height: 1.125rem;
}