:root {
    --set-primary: #0f172a;
    --set-secondary: #1e3a8a;
    
        --set-colors-primary-50: 0 0 0;
  --set-colors-primary-100: 0 0 2;
  --set-colors-primary-150: 0 0 7;
  --set-colors-primary-200: 0 0 12;
  --set-colors-primary-250: 0 0 17;
  --set-colors-primary-300: 0 3 22;
  --set-colors-primary-350: 0 8 27;
  --set-colors-primary-400: 5 13 32;
  --set-colors-primary-450: 10 18 37;
  --set-colors-primary-500: 15 23 42;
  --set-colors-primary-550: 20 28 47;
  --set-colors-primary-600: 25 33 52;
  --set-colors-primary-650: 30 38 57;
  --set-colors-primary-700: 35 43 62;
  --set-colors-primary-750: 40 48 67;
  --set-colors-primary-800: 45 53 72;
  --set-colors-primary-850: 50 58 77;
  --set-colors-primary-900: 55 63 82;
  --set-colors-primary-950: 60 68 87;
        
        --set-colors-secondary-50: 0 13 93;
  --set-colors-secondary-100: 0 18 98;
  --set-colors-secondary-150: 0 23 103;
  --set-colors-secondary-200: 0 28 108;
  --set-colors-secondary-250: 5 33 113;
  --set-colors-secondary-300: 10 38 118;
  --set-colors-secondary-350: 15 43 123;
  --set-colors-secondary-400: 20 48 128;
  --set-colors-secondary-450: 25 53 133;
  --set-colors-secondary-500: 30 58 138;
  --set-colors-secondary-550: 35 63 143;
  --set-colors-secondary-600: 40 68 148;
  --set-colors-secondary-650: 45 73 153;
  --set-colors-secondary-700: 50 78 158;
  --set-colors-secondary-750: 55 83 163;
  --set-colors-secondary-800: 60 88 168;
  --set-colors-secondary-850: 65 93 173;
  --set-colors-secondary-900: 70 98 178;
  --set-colors-secondary-950: 75 103 183;
    }