:root {
    --set-primary: #0a0a3d;
    --set-secondary: #304fde;
    
        --set-colors-primary-50: 0 0 16;
  --set-colors-primary-100: 0 0 21;
  --set-colors-primary-150: 0 0 26;
  --set-colors-primary-200: 0 0 31;
  --set-colors-primary-250: 0 0 36;
  --set-colors-primary-300: 0 0 41;
  --set-colors-primary-350: 0 0 46;
  --set-colors-primary-400: 0 0 51;
  --set-colors-primary-450: 5 5 56;
  --set-colors-primary-500: 10 10 61;
  --set-colors-primary-550: 15 15 66;
  --set-colors-primary-600: 20 20 71;
  --set-colors-primary-650: 25 25 76;
  --set-colors-primary-700: 30 30 81;
  --set-colors-primary-750: 35 35 86;
  --set-colors-primary-800: 40 40 91;
  --set-colors-primary-850: 45 45 96;
  --set-colors-primary-900: 50 50 101;
  --set-colors-primary-950: 55 55 106;
        
        --set-colors-secondary-50: 3 34 177;
  --set-colors-secondary-100: 8 39 182;
  --set-colors-secondary-150: 13 44 187;
  --set-colors-secondary-200: 18 49 192;
  --set-colors-secondary-250: 23 54 197;
  --set-colors-secondary-300: 28 59 202;
  --set-colors-secondary-350: 33 64 207;
  --set-colors-secondary-400: 38 69 212;
  --set-colors-secondary-450: 43 74 217;
  --set-colors-secondary-500: 48 79 222;
  --set-colors-secondary-550: 53 84 227;
  --set-colors-secondary-600: 58 89 232;
  --set-colors-secondary-650: 63 94 237;
  --set-colors-secondary-700: 68 99 242;
  --set-colors-secondary-750: 73 104 247;
  --set-colors-secondary-800: 78 109 252;
  --set-colors-secondary-850: 83 114 255;
  --set-colors-secondary-900: 88 119 255;
  --set-colors-secondary-950: 93 124 255;
    }