:root {
  --light-100: #ffffff;
  --light-200: #f3f4f7;
  --light-300: #eaeaf1;

  --title: #28293d;
  --text: #555770;
  --icon: #7a7b89;
  --outline: #c7c9d9;

  --primary-hover: #512abd;
  --primary: #5f30e2;
  --secondary: #ede9ff;
  --secondary-hover: #dedaf0;
  --tertiary: #f7f5fb;

  --green-primary: #4eaf51;
  --green-secondary: #a0d4a1;
  --green-tertiary: #e6f3e5;

  --red-primary: #f54336;
  --red-secondary: #faa19b;
  --red-tertiary: #fde4e1;

  --elevation-000: 0px 2px 6px rgba(16, 24, 64, 0.2);
  --elevation-100: 0px 3px 8px rgba(16, 24, 64, 0.2);
  --elevation-200: 0px 10px 40px rgba(16, 24, 64, 0.25);

  --short: 0.1s;
  --medium: 0.3s;
  --long: 0.6s;
  --super-long: 1s;

  --fs-32: 32px;
  --fs-16: 16px;
  --fs-14: 14px;
  --fs-12: 12px;
  --fs-10: 10px;
  --fs-8: 8px;
}