:root {
    /* Colors */
    --accent-color: #d0e6df;
    --interactive-color: #14C18F;
    --primary-color: #21a67e;
    --button-outline-text-color: #21a67e;
    --secondary-color: #201c1c;
    --neutral-color: #565656;
    --neutral-color-darker: #505050;
    --neutral-color-dark: #737373;
    --neutral-color-medium: #9fa0a4;
    --neutral-color-light: #b9b9b9;
    --neutral-color-lighter: #dcdcdc;
    --neutral-color-lightest: #f4f4f4;
    --white-color: #fff;
    --black-color: #000;
    /* others */
    --green-color: #1e983f;
    --red-color: #961622;
    --blue-color: #3576ab;
    --blue-color-light: #99bad5;
    /* Spacings */
    --spacing-tiny: 0.5rem;
    --spacing-smaller: 1rem;
    --spacing-small: 1.5rem;
    --spacing-medium: 2rem;
    --spacing-large: 3rem;
    --spacing-larger: 4rem;
    --spacing-big: 5rem;
    --spacing-bigger: 8rem;
    --spacing-enormous: 10rem;
    /* Grid */
    --grid-gap: var(--spacing-medium);
    /* Heading */
    --heading-special-text-color: #14c18f;
    --content-max-width-large: 100%;
    /* Font Weight */
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    /* Font Size */
    --font-size-smaller: 0.625rem;
    --font-size-small: 0.75rem;
    --font-size-medium: 0.875rem;
    --font-size-large: 1rem;
    --font-size-larger: 1.375rem;
    --font-size-big: 1.75rem;
    /* Cards */
    --card-min-width: 18.125rem;
    --card-color-title: var(--text-color);
}