:root {
    --set-primary: #271818;
    --set-secondary: #ffff21;
    
        --set-colors-primary-50: 0 0 0;
  --set-colors-primary-100: 0 0 0;
  --set-colors-primary-150: 4 0 0;
  --set-colors-primary-200: 9 0 0;
  --set-colors-primary-250: 14 0 0;
  --set-colors-primary-300: 19 4 4;
  --set-colors-primary-350: 24 9 9;
  --set-colors-primary-400: 29 14 14;
  --set-colors-primary-450: 34 19 19;
  --set-colors-primary-500: 39 24 24;
  --set-colors-primary-550: 44 29 29;
  --set-colors-primary-600: 49 34 34;
  --set-colors-primary-650: 54 39 39;
  --set-colors-primary-700: 59 44 44;
  --set-colors-primary-750: 64 49 49;
  --set-colors-primary-800: 69 54 54;
  --set-colors-primary-850: 74 59 59;
  --set-colors-primary-900: 79 64 64;
  --set-colors-primary-950: 84 69 69;
        
        --set-colors-secondary-50: 210 210 0;
  --set-colors-secondary-100: 215 215 0;
  --set-colors-secondary-150: 220 220 0;
  --set-colors-secondary-200: 225 225 3;
  --set-colors-secondary-250: 230 230 8;
  --set-colors-secondary-300: 235 235 13;
  --set-colors-secondary-350: 240 240 18;
  --set-colors-secondary-400: 245 245 23;
  --set-colors-secondary-450: 250 250 28;
  --set-colors-secondary-500: 255 255 33;
  --set-colors-secondary-550: 255 255 38;
  --set-colors-secondary-600: 255 255 43;
  --set-colors-secondary-650: 255 255 48;
  --set-colors-secondary-700: 255 255 53;
  --set-colors-secondary-750: 255 255 58;
  --set-colors-secondary-800: 255 255 63;
  --set-colors-secondary-850: 255 255 68;
  --set-colors-secondary-900: 255 255 73;
  --set-colors-secondary-950: 255 255 78;
    }