:root {
  /* Colors */
  --color-ice-100: #EFF1F6;
  --color-snow-100: #FAFAF8;
  --color-mint-100: #F6F9F4;
  --color-gray-100: #EAEAEA;
  --color-gray-150: #E5E5E0;
  --color-green-600: #4C831F;
  --color-red-500: #E84949;
  --color-green-300: #72DC73;
  --color-yellow-300: #FFDA5F;
  --color-blue-600: #3B5BBE;
  --color-navy-800: #232738;
  --color-periwinkle-300a: #CBD5F5CC;
  --color-bluegray-600: #37446C;
  --color-warmgray-500: #5C5C58;
  --color-slate-700: #393D4F;
  --color-navy-900: #1B2035;
  --color-black-90a: #000000E5;
  --color-periwinkle-300: #CBD5F5;

  /* Layout */
  --container-max: 1320px;
  --container-padding-x: 20px;

  /* Typography */
  --font-primary: "Inter", sans-serif;

  /* Breakpoints */
  --bp-xl: 1700px;
  --bp-l: 1440px;
  --bp-m: 1024px;
  --bp-s: 768px;
  --bp-xs: 430px;
}