:root {
 
  --main-color: #4d95d3;
  --main-rgb: 192 37 43;

  --second-color: #64c8c8;
  --second-rgb: 240 150 154;

  --gray100-color: #f3f4f6;
  --gray100-rgb: 243 244 246;

  --gray200-color: #e5e7eb;
  --gray200-rgb: 229 231 235;

  --gray300-color: #d1d3d9;
  --gray300-rgb: 209 213 219;

  --red600-color: #dc2626;
  --red600-rgb: 220 38 38;

  --blue800-color: #1e40af;
  --blue800-rgb: 30 64 175;

  --purple700-color: #7e22ce;
  --purple700-rgb: 126 34 206;

  --yellow500-color: #eab308;
  --yellow500-rgb: 234 179 8;

  --white-color: #ffffff;
  --white-rgb: 255 255 255;

  --black-color: #000000;
  --black-rgb: 0 0 0;

  --gray500-color: #6b7280;
  --gray500-rgb: 107 114 128;

  --gray900-color: #111827;
  --gray900-rgb: 17 24 39;
}