/* Shared local typography for the public site, authentication, and portal. */
@font-face {
    font-family: "WorkforceSuite Calibri";
    src:
        local("Calibri"),
        local("Carlito"),
        url("../fonts/Carlito-Regular.ttf") format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "WorkforceSuite Calibri";
    src:
        local("Calibri Bold"),
        local("Carlito Bold"),
        url("../fonts/Carlito-Bold.ttf") format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 600 900;
}

@font-face {
    font-family: "WorkforceSuite Ethiopic";
    src:
        local("Noto Sans Ethiopic"),
        url("../fonts/NotoSansEthiopic-Regular.ttf") format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 400 500;
}

@font-face {
    font-family: "WorkforceSuite Ethiopic";
    src:
        local("Noto Sans Ethiopic SemiBold"),
        url("../fonts/NotoSansEthiopic-SemiBold.ttf") format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-family: "WorkforceSuite Ethiopic";
    src:
        local("Noto Sans Ethiopic Bold"),
        url("../fonts/NotoSansEthiopic-Bold.ttf") format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 700 900;
}

:root {
    --ws-font-family:
        "WorkforceSuite Calibri",
        "Calibri",
        "Carlito",
        "WorkforceSuite Ethiopic",
        "Noto Sans Ethiopic",
        "Aptos",
        "Segoe UI",
        Arial,
        sans-serif;
}

html,
body,
button,
input,
select,
textarea {
    font-family: var(--ws-font-family);
}

html {
    text-rendering: optimizeLegibility;
}