:root {
    --brand-50: var(--color-gray-100);
    --brand-100: var(--color-gray-200);
    --brand-200: #c0db2d;
    --brand-300: #acc427;
    --brand-400: #95aa20;
    --brand-500: #81941b;
    --brand-600: #6d7d15;
    --brand-700: #505d0d;
    --brand-800: #373f06;
    --brand-900: #1d2202;
    --brand-950: #111501;

    --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;
}