:root {

  --color-purple: #C83BD0;
    --color-red: #EE597E;
    --color-orange: #FF985B;
  --color-black: #232323;
  --color-white: #FFFFFF;
  --color-gray: #CECECE;

  --font-main: "Inter";
  --font-heading: "Inter";
  --font-body: "Inter";
  
  --font-weight-regular: 400;
--font-weight-bold: 700;

  --padding-page: clamp(30px, 5.95vw, 90px);
  --margin-heading: 12px;
  --gap-column: 20px;

  --color-text-main: var(--color-white);
  --color-text-alt: var(--color-black);
  --color-text-highlight--1: var(--color-red);
  --color-text-highlight--2: var(--color-orange);
  --color-text-highlight--3: var(--color-purple);
  --color-background-main: var(--color-black);
  --color-background-alt: var(--color-white);
  --color-background-highlight--1: var(--color-red);
  --color-background-highlight--2: var(--color-orange);
  --color-background-highlight--3: var(--color-purple);
  --color-links: var(--color-red);
  --color-borders: var(--color-white);
  --color-borders-alt: var(--color-black);
  --color-placeholders: var(--color-gray);

}