:root {
  --color-1: #54c091;
  --color-2: #a0f0c4;
  --color-3: #3d8c60;
  --color-4: #5d7f6d;
  --color-rgb-1: 30, 168, 231;
  --color-rgb-2: 108, 219, 239;
  --color-rgb-3: 93, 227, 200;
  --color-rgb-4: 85, 141, 243;

  --primary: var(--color-1);
  --secondary: var(--color-2);
  --tertiary: var(--color-3);
  --quaternary: var(--color-4);
  --primary-rgb: var(--color-rgb-1);
  --secondary-rgb: var(--color-rgb-2);
  --tertiary-rgb: var(--color-rgb-3);
  --quaternary-rgb: var(--color-rgb-4);
  --primary-darker: color-mix(in srgb, var(--color-1) 95%, black 10%);
  --secondary-darker: color-mix(in srgb, var(--color-2) 90%, black 10%);
  --tertiary-darker: color-mix(in srgb, var(--color-3) 90%, black 10%);
  --quaternary-darker: color-mix(in srgb, var(--color-4) 90%, black 10%);
  --gradient-1: color-mix(in srgb, var(--color-1) 85%, black 15%);
  --gradient-2: color-mix(in srgb, var(--color-1) 93%, black 7%);
  --gradient-3: color-mix(in srgb, var(--color-1) 91%, white 9%);
  --gradient-1-lighter: color-mix(in srgb, var(--color-1) 85%, white 15%);
  --gradient-1-darker: color-mix(in srgb, var(--color-1) 85%, black 15%);
  --background: #121212;
}