:root {
  --red-500: #FF3A29;
  --red-500-a40: rgba(255, 53, 25, 0.4);
  --red-600: #E62434;

  --blue-500: #24418C;

  --green-500: #00C818;
  --green-500-a40: rgba(0, 200, 24, 0.4);

  --black-500: #000000;
  --black-500-a30: rgba(0, 0, 0, 0.3);
  --black-500-a15: rgba(0, 0, 0, 0.15);
  --black-500-a25: rgba(0, 0, 0, 0.25);
  --black-500-a02: rgba(0, 0, 0, 0.02);

  --gray-500-a50: rgba(70, 70, 71, 0.5);

  --white-500: #FFFFFF;
  --white-500-a20: rgba(255, 255, 255, 0.2);
  --white-500-a15: rgba(255, 255, 255, 0.15);

  --bg-page: var(--black-500);

  --text-primary: var(--black-500);

  --shadow-sm: 0 1px 4px var(--black-500-a15);
  --shadow-md: 0 2px 2px var(--black-500-a25);

  --btn-primary-bg: var(--red-600);
  --btn-primary-text: var(--white-500);
  --btn-primary-shadow: var(--shadow-md);

  --input-bg: var(--white-500);
  --input-border: var(--black-500-a30);
  --input-placeholder: var(--gray-500-a50);
}