:root {
  --color-blue: #1e97db;
  --color-primary: var(--color-blue);
  --color-primary-rgb: 30, 151, 212;
  --color-red-rgb: 255, 21, 21;

  --color-black: #080808;
  --color-green: #49b835;
  --color-gray: #bbb;
  --color-red: #ff1515;
  --color-yellow: #fac213;
  --color-purple: #6554c0;
  --color-white: #fff;
  --color-orange: #e07403;

  --color-background: #f5f5f5;

  --color-font-primary: var(--color-black);
  --color-font-secondary: #575757;
  --color-font-tertiary: #919090;

  --color-border: #ddd;

  --corner-radius: 8px;
  --shadow: 0 5px 20px rgba(0, 0, 0, 0.07);

  --form-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);

  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --custom-button-shadow: 0 0.3px 0.7px 0 rgba(0, 0, 0, 0.12), 0 1.5px 2.8px 0 rgba(0, 0, 0, 0.07),
    0 4px 9px 0 rgba(0, 0, 0, 0.05);
}