:root { 
  --abbey: #4c5358;
  --black: #000000;
  --blue: #0000f9;
  --blue-gray: #000095;
  --casper: #a2bfd4;
  --cultured-pearl: #f5f5f5;
  --cyan--aqua: #00eaf9;
  --dark-blue: #0000c4;
  --dark-blue-2: #0202b7;
  --dark-blue-3: #000075;
  --deep-space-sparkle: #465d62;
  --dove-gray: #6a6a6a;
  --martinique: #322a4a;
  --masala: #3b3b3b;
  --mischka: #ced4da;
  --navy-blue: #00008d;
  --oslo-gray: #898c8f;
  --sky-blue: #72d4ff;
  --tropical-blue: #c8e0f2;
  --white: #ffffff;
  --white-2: #ffffff80;
  --white-3: #ffffff4c;
  --wild-sand: #f2f4f4;
 
  --font-size-l: 14px;
  --font-size-m: 13px;
  --font-size-xl: 15px;
  --font-size-xxl: 16px;
  --font-size-xxxl: 17px;
  --font-size-xxxxl: 18px;
  --font-size-xxxxxl: 22px;
 
  --font-family-inter: "Inter", Helvetica;
  --font-family-inter-black: "Inter-Black", Helvetica;
  --font-family-inter-light: "Inter-Light", Helvetica;
}