:root {
    --brand-50: 222 236 255;
    --brand-100: 200 220 249;
    --brand-200: 157 184 223;
    --brand-300: 107 141 191;
    --brand-400: 55 96 157;
    --brand-500: 1 55 125;
    --brand-600: 4 48 106;
    --brand-700: 1 39 91;
    --brand-800: 1 30 72;
    --brand-900: 1 21 55;
    --brand-on-50: 17 24 39;
    --brand-on-100: 17 24 39;
    --brand-on-200: 17 24 39;
    --brand-on-300: 17 24 39;
    --brand-on-400: 255 255 255;
    --brand-on-500: 255 255 255;
    --brand-on-600: 255 255 255;
    --brand-on-700: 255 255 255;
    --brand-on-800: 255 255 255;
    --brand-on-900: 255 255 255;
}