@font-face {
    font-family: 'Baloo Da 2';
    src:
        local('Baloo Da 2 Regular'),
        local('BalooDa2-Regular'),
        url('./Baloo_Da_2/static/BalooDa2-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Baloo Da 2';
    src:
        local('Baloo Da 2 Medium'),
        local('BalooDa2-Medium'),
        url('./Baloo_Da_2/static/BalooDa2-Medium.ttf') format('truetype');
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Baloo Da 2';
    src:
        local('Baloo Da 2 SemiBold'),
        local('BalooDa2-SemiBold'),
        url('./Baloo_Da_2/static/BalooDa2-SemiBold.ttf') format('truetype');
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Baloo Da 2';
    src:
        local('Baloo Da 2 Bold'),
        local('BalooDa2-Bold'),
        url('./Baloo_Da_2/static/BalooDa2-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Baloo Da 2';
    src:
        local('Baloo Da 2 ExtraBold'),
        local('BalooDa2-ExtraBold'),
        url('./Baloo_Da_2/static/BalooDa2-ExtraBold.ttf') format('truetype');
    font-style: normal;
    font-weight: 800;
    font-display: swap;
}

:root {
    --font-family-base:
        'Baloo Da 2', 'Segoe UI', Arial, ui-sans-serif, system-ui, sans-serif;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
}

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

body {
    font-weight: var(--font-weight-regular);
}

button,
input,
select,
textarea {
    font: inherit;
}

strong,
b {
    font-weight: var(--font-weight-bold);
}