:root {
    /* Colors */
    --primary-color: #62B18F;
    --secondary-color: #A95AA3;
    --blue-color: #00B3D4;
    --green-color: #66BB6A;
    --yellow-color: #FFEB3B;
    --red-color: #dc3545;
    --disabled-color: #636363;
    --white-color: #FFF;
    --gray-color: #eae8e5;
    --black-color: #37343D;

    --background-color: var(--white-color);
    --background-color-inverse: var(--black-color);

    --text-color: var(--black-color);
    --text-color-inverse: var(--white-color);

    --border-color: #D6D6D6;
    --box-shadow-color: rgba(0, 0, 0, 0.3);

    /* Media Sizes */
    --media-size-small: 600px;
    --media-size-medium: 900px;
    --media-size-large: 1200px;
    --media-size-full: 1440px;

    /* Font Sizes */
    --font-size-default: 16px;

    --font-size-xxx-small: 0.625rem;
    --font-size-xx-small: 0.75rem;
    --font-size-x-small: 0.8125rem;
    --font-size-small: 0.875rem;
    --font-size-medium: 1rem;
    --font-size-large: 1.125rem;
    --font-size-x-large: 1.25rem;
    --font-size-xx-large: 1.5rem;
    --font-size-xxx-large: 1.75rem;
    --font-size-massive: 2rem;
    --font-size-x-massive: 2.625rem;

    /* Spacing */
    --spacing-xxx-small: 0.125rem;
    --spacing-xx-small: 0.25rem;
    --spacing-x-small: 0.5rem;
    --spacing-small: 0.75rem;
    --spacing-medium: 1rem;
    --spacing-large: 1.5rem;
    --spacing-x-large: 2rem;
    --spacing-xx-large: 3rem;
    --spacing-none: 0;

    /* Radius */
    --border-radius: 5px;

    /* Others */
    --box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    --transition-speed: 0.3s;
}