:root {
    --brand-primary: #0892A5;
    --brand-accent:  #747474;
    --primary-50: #bbf4fc;
    --primary-100: #72e8f8;
    --primary-200: #3cdff6;
    --primary-300: #0bc6df;
    --primary-400: #09acc2;
    --primary-500: #0892a5;
    --primary-600: #077888;
    --primary-700: #055e6b;
    --primary-800: #04454d;
    --primary-900: #022b30;
    --primary-A100: #adf5ff;
    --primary-A200: #47e9ff;
    --primary-A400: #00c5e0;
    --primary-A700: #04abc2;
    --primary-contrast-50: #000000;
    --primary-contrast-100: #000000;
    --primary-contrast-200: #000000;
    --primary-contrast-300: #000000;
    --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: #000000;
    --primary-contrast-A400: #000000;
    --primary-contrast-A700: #ffffff;

    --accent-50: #f9f9f9;
    --accent-100: #d2d2d2;
    --accent-200: #b6b6b6;
    --accent-300: #939393;
    --accent-400: #838383;
    --accent-500: #747474;
    --accent-600: #656565;
    --accent-700: #555555;
    --accent-800: #464646;
    --accent-900: #373737;
    --accent-A100: #f7f0f0;
    --accent-A200: #d3aeae;
    --accent-A400: #9f7c7c;
    --accent-A700: #877a7a;
    --accent-contrast-50: #000000;
    --accent-contrast-100: #000000;
    --accent-contrast-200: #000000;
    --accent-contrast-300: #000000;
    --accent-contrast-400: #000000;
    --accent-contrast-500: #ffffff;
    --accent-contrast-600: #ffffff;
    --accent-contrast-700: #ffffff;
    --accent-contrast-800: #ffffff;
    --accent-contrast-900: #ffffff;
    --accent-contrast-A100: #000000;
    --accent-contrast-A200: #000000;
    --accent-contrast-A400: #000000;
    --accent-contrast-A700: #ffffff;

}

: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');
}