:root {
    --brand-green: #99C13C;
    --brand-white: #FFFFFF;
    --brand-gray-card: #F7F7F7;
    --brand-button-success: var(--brand-green);
    --brand-button-danger: #E61610;
    --brand-button-warning: #FFA834;
    --brand-button-primary: #3D8AF7;
    --brand-button-disabled: #AAAAAA;
    --brand-induction-grey: #929292;
    --brand-menu-selected: #ffffff;
    --brand-body-font-family: "Poppins", "Segoe UI", Roboto, Arial, "Helvetica Neue", "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-body-font-family: var(--brand-body-font-family);
    --brand-list-item: 14px;
    --brand-list-header: 16px;
    --brand-item-menu: 16px;
    --brand-page-header: 20px;
    --brand-fontsize-form: 14px;
    --pagecard-offset: 215px;
    --pagecardinduction-offset: 200px;
    --brand-fontsize-pagination: 16px;
}

@font-face {
    font-family: 'Poppins';
    src: url('./fonts/poppins-400.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('./fonts/poppins-500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('./fonts/poppins-600.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('./fonts/poppins-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}