:root, ::before, ::after {
  // Colors (Text)
  --color-white-text: rgba(255, 255, 255, 1);
  --color-white-muted: rgba(255, 255, 255, 0.5);
  --color-white-supermuted: rgba(255, 255, 255, 0.25);
  --color-black-text: rgba(0, 0, 0, 1);
  --color-black-muted: rgba(0, 0, 0, 0.5);
  --color-black-supermuted: rgba(0, 0, 0, 0.25);
  --color-grey: #696969;

  // Primary (Dark text)
  --color-primary: #26DE70;
  --color-primary-alpha: rgba(38, 222, 112, .5);
  --color-primary-hover: #20bb5e;
  --color-primary-text: var(--color-black-text);
  --color-primary-muted: var(--color-black-muted);

  // Secondary (Light text)
  --color-secondary: #602DF2;
  --color-secondary-alpha: rgba(96, 45, 242, .5);
  --color-secondary-hover: #4720B6;
  --color-secondary-text: var(--color-white-text);
  --color-secondary-muted: var(--color-white-muted);

  // Dark (Light text)
  --color-dark: #0D0621;
  --color-dark-text: var(--color-white-text);
  --color-dark-muted: var(--color-white-muted);

  // Light (Dark text)
  --color-light: #F2F3F0;
  --color-light-text: var(--color-black-text);
  --color-light-muted: var(--color-black-muted);
}