:root {
    --brand-50: #eef9ff;
    --brand-100: #dcf3ff;
    --brand-200: #b2e8ff;
    --brand-300: #6dd7ff;
    --brand-400: #20c3ff;
    --brand-500: #00acff;
    --brand-600: #da1c5c;
    --brand-700: #a61344;
    --brand-800: #740a2d;
    --brand-900: #0F4771;

    --in-brand-50: black;
    --in-brand-100: black;
    --in-brand-200: black;
    --in-brand-300: black;
    --in-brand-400: black;
    --in-brand-500: black;
    --in-brand-600: white;
    --in-brand-700: white;
    --in-brand-800: white;
    --in-brand-900: white;
    --in-brand-950: white;
}
html {
    font-family: 'Roboto', sans-serif;
}