:root {
  --primary-blue: #304f8c;
  --secondary-blue: #005c72;
  --tertiary-blue: #00B097;

  --primary-skyblue: #4d9ed6;
  --secondary-skyblue: #93bbdd;
  --tertiary-skyblue: #ECF4FB;

  --primary-gray: #2f2f2f;
  --secondary-gray: #D5E6E3;
  --tertiary-gray: #9F9F9F;

  --primary-green: #abcc58;
  --secondary-yellow: #ffb000;
  --secondary-purple: #d3bdf2;
  --secondary-coral: #ff6b6b;


  /* RGB */
  --primary-blue-rgb: 48, 79, 140;
  --secondary-blue-rgb: 0, 92, 114;
  --tertiary-blue-rgb: 0, 176, 151;

  --primary-skyblue-rgb: 77, 158, 214;
  --secondary-skyblue-rgb: 147, 187, 221;
  --tertiary-skyblue-rgb: 236, 244, 251;

  --primary-gray-rgb: 47, 47, 47;
  --secondary-gray-rgb: 213, 230, 227;

  --primary-green-rgb: 171, 204, 88;
}