:root {
    --brand-50: var(--color-gray-100);
    --brand-100: var(--color-gray-200);
    --brand-200: #00d8c4;
    --brand-300: #00b7a6;
    --brand-400: #009789;
    --brand-500: #00786c;
    --brand-600: #005950;
    --brand-700: #00443c;
    --brand-800: #00302b;
    --brand-900: #001c18;
    --brand-950: #00110f;

    --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;
}
html {
    font-family: 'Roboto', sans-serif;
}