:root {
    /* GLOBAL CONFIG */
    --web-width: 1200px;

    /* COLORS */
    --color-blue: #3d406c;
    --color-blue-rgb: 61, 64, 108;
    --color-blue-light-8: #636689;
    --color-blue-light-8-rgb: 99, 102, 137;
    --color-dark-blue: #1f2855;
    --color-dark-blue-rgb: 31, 40, 85;
    --color-dark-blue-light-8: #4b5377;
    --color-dark-blue-light-8-rgb: 75, 83, 119;
    --color-pink: #dd4f89;
    --color-pink-rgb: 221, 79, 137;
    --color-pink-light-8: #e372a0;
    --color-pink-light-8-rgb: 227, 114, 160;
    --color-black: #000;
    --color-black-rgb: 0, 0, 0;
    --color-white: #fff;
    --color-white-rgb: 255, 255, 255;
    --color-white-smoke: #f5f5f5;
    --color-white-smoke-rgb: 245, 245, 245;
    --color-grey: #eee;
    --color-grey-rgb: 238, 238, 238;
    --color-santas-gray: #a0a2ab;
    --color-santas-gray-rgb: 160, 162, 171;
    --color-arsenic: #42474c;
    --color-arsenic-rgb: 66, 71, 76;

    /* TYPE COLORS */
    --color-primary: var(--color-blue);
    --color-primary-rgb: var(--color-blue-rgb);
    --color-primary-light-8: var(--color-blue-light-8);
    --color-secondary: var(--color-dark-blue);
    --color-secondary-light-8: var(--color-dark-blue-light-8);
    --color-tertiary: var(--color-pink);
    --color-tertiary-light-8: var(--color-pink-light-8);

    /* Z-INDEXES */
    --z-index-modal: 9000;

    /* THEME */
    --radius: 4px;
    --rounded: 30px;
    --font-size-sm: 12px;
    --font-size-md: 14px;
    --font-size-lg: 16px;
    --font-size-xl: 18px;
    --font-family-alpha: 'Montserrat', Arial, sans-serif;
    --font-family-beta: 'Open sans', sans-serif;
    --transition-time: 0.3s;
    --height-sm: 26px;
    --height-md: 36px;
    --height-lg: 46px;
    --gap-xs: 5px;
    --gap-sm: 10px;
    --gap-md: 15px;
    --gap-lg: 20px;
    --gap-xl: 25px;
    --index-overlay: 1000;
    --box-shadow-sm: 0 0px 4px rgba(0, 0, 0, 0.05);
    --box-shadow-md: 0 0px 4px rgba(0, 0, 0, 0.25);
    --box-shadow-lg: 0 5px 32px rgba(103, 122, 141, 0.17);
    --color-border: var(--color-grey);
    --color-background-alpha: var(--color-white);
    --color-background-beta: var(--color-white-smoke);
    --color-background-gamma: var(--color-arsenic);
    --color-text-alpha: var(--color-black);
    --color-text-beta: var(--color-santas-gray);
    --color-text-gamma: var(--color-white);
}