:root {
  --color-figure: #4d5156; /* PMS Cool Gray 11 C */
  --color-ground: #ffffff;
  --color-primary: #009ade; /* sfo golden hour blue */
  --color-primary-dark: #0057b8; /* PMS 2935 C */
  --color-primary-tint-25: #c1eafb;
  --color-primary-shade-25: #1773a6;
  --color-primary-shade-60: #0d3e58;
  --color-gray-1: #6e7175; /* PMS Cool Gray 9 C */
  --color-gray-2: #8f9092; /* PMS Cool Gray 7 C */
  --color-gray-3: #c5c7c9; /* PMS Cool Gray 4 C */
  --color-gray-4: #f1f1f2; /* PMS Cool Gray 1 C */
  --color-red: #ed1d23; /* PMS 1795 C */
  --color-red-shade-25: #b2161a; /* PMS 1795 C shade 25%*/
  --color-yellow-tint-25: #fff3bf; /* PMS 116 C 25% */
  --color-purple: #922790; /* PMS 513 C */
  --color-green: #8ec73f; /* PMS 368 C */
  --color-green-tint-75: #aad56e; /* PMS 368 C 75% */
  --color-green-2: #00a850; /* PMS 7482 C */
  --color-green-2-shade-25: #037f76; /* PMS 7482 C 25% */

  --s1: 0.8rem;
}