:root {
    --sapio-font-main: "Assistant", "Rubik", Arial, Helvetica, sans-serif;
    --sapio-text-size: 16px;
    --sapio-title-size: clamp(28px, 2.4vw, 32px);
    --sapio-line-height: 1.55;
    --sapio-font-weight-normal: 400;
    --sapio-font-weight-semibold: 600;
    --sapio-font-weight-bold: 700;
}

html,
body,
body.wp-admin,
body.login,
body.sapio-front-login,
body.sapio-portal-page {
    font-family: var(--sapio-font-main);
    font-size: var(--sapio-text-size);
    line-height: var(--sapio-line-height);
    font-weight: var(--sapio-font-weight-normal);
}

body.wp-admin .has-serif-font-family,
body.wp-admin .has-junge-font-family,
body.wp-admin .has-caudex-font-family,
body.wp-admin .has-cormorant-font-family,
body.wp-admin .has-dmserif-display-font-family,
body.wp-admin .has-playfairdisplay-font-family,
body.wp-admin .has-prata-font-family,
body.wp-admin .has-trirong-font-family,
body.login .has-serif-font-family,
body.login .has-junge-font-family,
body.login .has-caudex-font-family,
body.login .has-cormorant-font-family,
body.login .has-dmserif-display-font-family,
body.login .has-playfairdisplay-font-family,
body.login .has-prata-font-family,
body.login .has-trirong-font-family,
body.sapio-front-login .has-serif-font-family,
body.sapio-front-login .has-junge-font-family,
body.sapio-front-login .has-caudex-font-family,
body.sapio-front-login .has-cormorant-font-family,
body.sapio-front-login .has-dmserif-display-font-family,
body.sapio-front-login .has-playfairdisplay-font-family,
body.sapio-front-login .has-prata-font-family,
body.sapio-front-login .has-trirong-font-family,
body.sapio-portal-page .has-serif-font-family,
body.sapio-portal-page .has-junge-font-family,
body.sapio-portal-page .has-caudex-font-family,
body.sapio-portal-page .has-cormorant-font-family,
body.sapio-portal-page .has-dmserif-display-font-family,
body.sapio-portal-page .has-playfairdisplay-font-family,
body.sapio-portal-page .has-prata-font-family,
body.sapio-portal-page .has-trirong-font-family,
.customer-area .has-serif-font-family,
.customer-area .has-junge-font-family,
.customer-area .has-caudex-font-family,
.customer-area .has-cormorant-font-family,
.customer-area .has-dmserif-display-font-family,
.customer-area .has-playfairdisplay-font-family,
.customer-area .has-prata-font-family,
.customer-area .has-trirong-font-family,
.cuar .has-serif-font-family,
.cuar .has-junge-font-family,
.cuar .has-caudex-font-family,
.cuar .has-cormorant-font-family,
.cuar .has-dmserif-display-font-family,
.cuar .has-playfairdisplay-font-family,
.cuar .has-prata-font-family,
.cuar .has-trirong-font-family {
    font-family: var(--sapio-font-main) !important;
}

body.wp-admin,
body.login,
body.sapio-front-login,
body.sapio-portal-page,
body.wp-admin #wpwrap,
body.wp-admin #wpcontent,
body.wp-admin #wpbody,
body.wp-admin #wpbody-content,
body.wp-admin .wrap,
body.wp-admin .plugin-card,
body.wp-admin .postbox,
body.wp-admin .notice,
body.wp-admin .card,
body.wp-admin .stuffbox,
body.wp-admin .metabox-holder,
body.wp-admin .dashboard-widget,
body.wp-admin .interface-interface-skeleton,
body.wp-admin .components-modal__frame,
body.wp-admin .components-popover,
body.wp-admin .components-panel,
body.wp-admin .components-card,
body.wp-admin .components-tab-panel__tabs,
body.wp-admin .media-modal,
body.wp-admin .ui-dialog,
body.login #login,
body.login #loginform,
body.login #lostpasswordform,
body.login #registerform,
body.login .message,
body.login .notice,
body.sapio-front-login .sapio-login-page,
body.sapio-portal-page .sapio-shell,
body.sapio-portal-page .sapio-panel,
body.sapio-portal-page .sapio-table,
body.sapio-portal-page .sapio-form,
.customer-area,
.cuar,
.cuar-page,
.cuar-wrapper,
.cuar-content,
.cuar-dashboard,
.cuar-form,
.cuar-table {
    font-family: var(--sapio-font-main);
}

body.wp-admin,
body.wp-admin p,
body.wp-admin li,
body.wp-admin td,
body.wp-admin textarea,
body.wp-admin .description,
body.wp-admin .howto,
body.wp-admin .subsubsub,
body.wp-admin .notice,
body.wp-admin .card,
body.wp-admin .postbox,
body.login,
body.login p,
body.login .message,
body.login .notice,
body.sapio-front-login,
body.sapio-front-login p,
body.sapio-portal-page,
body.sapio-portal-page p,
.customer-area,
.customer-area p,
.cuar,
.cuar p,
.cuar-content,
.cuar-content p {
    font-size: var(--sapio-text-size);
    line-height: var(--sapio-line-height);
    font-weight: var(--sapio-font-weight-normal);
}

body.wp-admin .wrap h1,
body.wp-admin .wp-heading-inline,
body.wp-admin .edit-post-visual-editor__post-title-wrapper h1,
body.wp-admin .components-panel__header h2,
body.login #login h1,
body.sapio-front-login .sapio-login-card h1,
body.sapio-portal-page .sapio-panel h1,
.customer-area h1,
.cuar h1,
.cuar-content h1 {
    font-family: var(--sapio-font-main);
    font-size: var(--sapio-title-size);
    line-height: 1.25;
    font-weight: var(--sapio-font-weight-bold);
}

body.wp-admin .wrap h2,
body.wp-admin .wrap h3,
body.wp-admin .postbox .hndle,
body.wp-admin .postbox-header h2,
body.wp-admin .stuffbox h2,
body.wp-admin .card h2,
body.wp-admin .dashboard-widget h2,
body.wp-admin .components-panel__body-title,
body.wp-admin .components-card__header,
body.sapio-front-login .sapio-login-card h2,
body.sapio-portal-page .sapio-panel h2,
body.sapio-portal-page .sapio-empty-state h2,
.customer-area h2,
.customer-area h3,
.cuar h2,
.cuar h3,
.cuar-content h2,
.cuar-content h3 {
    font-family: var(--sapio-font-main);
    font-size: clamp(20px, 1.9vw, 24px);
    line-height: 1.3;
    font-weight: var(--sapio-font-weight-bold);
}

body.wp-admin label,
body.wp-admin .form-table th,
body.wp-admin .components-base-control__label,
body.wp-admin .components-input-control__label,
body.wp-admin .components-toggle-control__label,
body.login label,
body.sapio-front-login label,
body.sapio-portal-page label,
body.sapio-portal-page .sapio-field,
.customer-area label,
.cuar label,
.cuar-content label {
    font-family: var(--sapio-font-main);
    font-size: 14px;
    line-height: 1.45;
    font-weight: var(--sapio-font-weight-semibold);
}

body.wp-admin input,
body.wp-admin select,
body.wp-admin textarea,
body.wp-admin button,
body.wp-admin .button,
body.wp-admin .button-primary,
body.wp-admin .button-secondary,
body.wp-admin .page-title-action,
body.wp-admin .components-button,
body.wp-admin .components-text-control__input,
body.wp-admin .components-textarea-control__input,
body.wp-admin .components-select-control__input,
body.login input,
body.login select,
body.login textarea,
body.login button,
body.login .button,
body.sapio-front-login input,
body.sapio-front-login select,
body.sapio-front-login textarea,
body.sapio-front-login button,
body.sapio-front-login .sapio-button,
body.sapio-front-login .sapio-primary-button,
body.sapio-portal-page input,
body.sapio-portal-page select,
body.sapio-portal-page textarea,
body.sapio-portal-page button,
body.sapio-portal-page .sapio-button,
.customer-area input,
.customer-area select,
.customer-area textarea,
.customer-area button,
.customer-area .button,
.cuar input,
.cuar select,
.cuar textarea,
.cuar button,
.cuar .button,
.cuar-content input,
.cuar-content select,
.cuar-content textarea,
.cuar-content button,
.cuar-content .button {
    font-family: var(--sapio-font-main);
    font-size: 15px;
    line-height: 1.45;
}

body.wp-admin button,
body.wp-admin .button,
body.wp-admin .button-primary,
body.wp-admin .button-secondary,
body.wp-admin .page-title-action,
body.wp-admin .components-button,
body.login button,
body.login .button,
body.sapio-front-login button,
body.sapio-front-login .sapio-button,
body.sapio-front-login .sapio-primary-button,
body.sapio-portal-page button,
body.sapio-portal-page .sapio-button,
.customer-area button,
.customer-area .button,
.cuar button,
.cuar .button,
.cuar-content button,
.cuar-content .button {
    font-size: 14px;
    font-weight: var(--sapio-font-weight-semibold);
}

body.wp-admin table,
body.wp-admin .wp-list-table,
body.wp-admin .widefat,
body.wp-admin .form-table,
body.wp-admin .plugins,
body.wp-admin .users,
body.wp-admin .posts,
body.wp-admin .striped,
body.sapio-portal-page table,
body.sapio-portal-page .sapio-table,
.customer-area table,
.customer-area .cuar-table,
.cuar table,
.cuar .cuar-table,
.cuar-content table,
.cuar-content .cuar-table {
    font-family: var(--sapio-font-main);
}

body.wp-admin table th,
body.wp-admin .wp-list-table th,
body.wp-admin .widefat th,
body.wp-admin .form-table th,
body.sapio-portal-page table th,
body.sapio-portal-page .sapio-table th,
.customer-area table th,
.customer-area .cuar-table th,
.cuar table th,
.cuar .cuar-table th,
.cuar-content table th,
.cuar-content .cuar-table th {
    font-size: 14px;
    line-height: 1.45;
    font-weight: var(--sapio-font-weight-bold);
}

body.wp-admin table td,
body.wp-admin .wp-list-table td,
body.wp-admin .widefat td,
body.wp-admin .form-table td,
body.sapio-portal-page table td,
body.sapio-portal-page .sapio-table td,
.customer-area table td,
.customer-area .cuar-table td,
.cuar table td,
.cuar .cuar-table td,
.cuar-content table td,
.cuar-content .cuar-table td {
    font-size: 15px;
    line-height: 1.5;
    font-weight: var(--sapio-font-weight-normal);
}

body.wp-admin small,
body.wp-admin .row-actions,
body.wp-admin .subsubsub,
body.wp-admin .description,
body.wp-admin .howto,
body.wp-admin .tablenav,
body.wp-admin .notice p,
body.login .forgetmenot,
body.login #nav,
body.login #backtoblog,
body.sapio-front-login .sapio-secondary-link,
body.sapio-front-login .sapio-login-copy,
body.sapio-portal-page .sapio-detail-label,
body.sapio-portal-page .sapio-eyebrow,
body.sapio-portal-page .sapio-badge,
body.sapio-portal-page .sapio-message,
.customer-area small,
.customer-area .description,
.cuar small,
.cuar .description,
.cuar-content small,
.cuar-content .description {
    font-size: 13px;
    line-height: 1.5;
}

body.wp-admin .nav-tab,
body.wp-admin .wp-tab-bar a,
body.wp-admin .components-tab-panel__tabs button,
body.wp-admin .menu-item-handle,
body.sapio-portal-page .sapio-shell-nav a,
.customer-area .nav-tab,
.customer-area .cuar-menu a,
.cuar .nav-tab,
.cuar .cuar-menu a,
.cuar-content .nav-tab,
.cuar-content .cuar-menu a {
    font-family: var(--sapio-font-main);
    font-size: 14px;
    line-height: 1.45;
    font-weight: var(--sapio-font-weight-semibold);
}