:root {
    --brand-primary: #0F3264;
    --brand-accent: #B4D700;
    --primary-50: #8eb6ee;
    --primary-100: #4c8ae4;
    --primary-200: #206cd7;
    --primary-300: #174d99;
    --primary-400: #133f7f;
    --primary-500: #0f3264;
    --primary-600: #0b2549;
    --primary-700: #07172f;
    --primary-800: #030a14;
    --primary-900: #000000;
    --primary-A100: #73adff;
    --primary-A200: #0d71ff;
    --primary-A400: #09469d;
    --primary-A700: #0f3c7e;
    --primary-contrast-50: #000000;
    --primary-contrast-100: #000000;
    --primary-contrast-200: #ffffff;
    --primary-contrast-300: #ffffff;
    --primary-contrast-400: #ffffff;
    --primary-contrast-500: #ffffff;
    --primary-contrast-600: #ffffff;
    --primary-contrast-700: #ffffff;
    --primary-contrast-800: #ffffff;
    --primary-contrast-900: #ffffff;
    --primary-contrast-A100: #000000;
    --primary-contrast-A200: #ffffff;
    --primary-contrast-A400: #ffffff;
    --primary-contrast-A700: #ffffff;

    --accent-50: #faffe1;
    --accent-100: #eeff95;
    --accent-200: #e5ff5d;
    --accent-300: #d9ff15;
    --accent-400: #cef600;
    --accent-500: #b4d700;
    --accent-600: #9ab800;
    --accent-700: #819a00;
    --accent-800: #677b00;
    --accent-900: #4d5d00;
    --accent-A100: #f8ffd7;
    --accent-A200: #e8ff71;
    --accent-A400: #d7ff0b;
    --accent-A700: #c9f000;
    --accent-contrast-50: #000000;
    --accent-contrast-100: #000000;
    --accent-contrast-200: #000000;
    --accent-contrast-300: #000000;
    --accent-contrast-400: #000000;
    --accent-contrast-500: #000000;
    --accent-contrast-600: #000000;
    --accent-contrast-700: #000000;
    --accent-contrast-800: #ffffff;
    --accent-contrast-900: #ffffff;
    --accent-contrast-A100: #000000;
    --accent-contrast-A200: #000000;
    --accent-contrast-A400: #000000;
    --accent-contrast-A700: #000000;

}

:root {
    --font-family: 'Inter var', 'sans-serif';
}

@font-face {
    font-family: 'Inter var';
    font-style: normal;
    font-weight: 400;
    src: url('/assets/fonts/font-regular.woff') format('woff');
}
@font-face {
    font-family: 'Inter var';
    font-style: normal;
    font-weight: 600;
    src: url('/assets/fonts/font-semibold.woff') format('woff');
}

@font-face {
    font-family: 'Inter var';
    font-style: normal;
    font-weight: 700;
    src: url('/assets/fonts/font-bold.woff') format('woff');
}