:root{
  --color-purple:#AB47BC;
  --color-purple-hover:#7c3aed;
  --color-pink: #ef4444;
  --color-green: #26A69A;
  --color-green-opacity-3: rgba(38, 166, 154,0.3);
  --color-green-hover:#22c55e;
  --color-orange: #FF7043;
  --color-orange-hover:#d97706;
  --color-cyan: #26C6DA;
  --color-cyan-hover:#26C6DA;
  --color-black: black;
  --color-white: white;
  --color-danger: #EF5350;
  --color-danger-hover:#dc2626;
  --color-primary: #42A5F5;
  --color-primary2: #3b82f6;
  --color-primary-hover:#2563eb;
  --color-warning: #FFCA28;
  --color-warning-hover:#f8bb03;
  --color-dark1:#1A1F2E;
  --color-dark2:#151929;
  --color-dark3:#1E2435;
  --color-dark4:#252C40;
  --color-dark5:#2C3450;
  --color-light:#E8EAF6;
  --color-dark-blue:#0C2F59;
}