:root {
    --brand-50: #f8fee8;
    --brand-100: #eeffc2;
    --brand-200: #e1ff88;
    --brand-300: #d8ff43;
    --brand-400: #daff10;
    --brand-500: #d5ef03;
    --brand-600: #c5cc00;
    --brand-700: #a49c04;
    --brand-800: #87790c;
    --brand-900: #736210;

    --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: black;
    --in-brand-700: white;
    --in-brand-800: white;
    --in-brand-900: white;
}
html {
    font-family: 'Lato', sans-serif;
}