:root {
    /* Colors: */
	--white-color: #FFFFFF;
	--color-black: #000;
	--icon-color: #333;
	--text-color: #585858;
	--title-h1-color: #181818;
	--blue-title-and-links: #1351B4;
	--blue-title-and-links-hover: #0c326f;
	--blue-footer: #1e5caf;
	--blue-border: #2A74AF;
	--background-for-blue-link-icone: #dbe8fb;
	--gray-for-white-background-card-border: #E8EDF1;
	--gray-for-button-and-border-to-white-button-and-line: #dee2e6;
	--gray-button-hover: #c8cfd8;
	--gray-copy-button-hover: #eceaea;
	--gray-icon: #9E9D9D;
	--gray-highlight: #c6c6c6;
	--gray-post-navigation: #f1f2f6;
	--blue-button: #007BD0;
	--blue-for-hover-button-and-navbar: #0c62ac;
	--green-of-gradient-card: #00C4B4;
	--scrollbar-track-color: #f1f1f1;
	--scrollbar-thumb-color: #888;
	--scrollbar-thumb-hover-color: #555;
	--biomas-background-section: rgba(4, 48, 73, 1);
	
	/*Shadow*/
	--box-shadow-little-cards: 0 3px 15px #58585829;
	--box-shadow-big-cards: 0px 3px 7px 0px rgb(0 0 0 / 7%);
	--box-shadow-navbar: 0px 3px 8px #00000029;

    /* Font/text values */
    --font-family-rawline: "Rawline",helvetica,arial,sans-serif;
	--font-style-normal: normal;
	--font-weight-300: 300;
	--font-weight-400: 400;
	--font-weight-500: 500;
	--font-weight-600: 600;
	--font-weight-700: 700;
	--font-weight-800: 800;

	--font-size-10: 10px;
	--font-size-12: 12px;
	--font-size-13: 13px;
	--font-size-14: 14px;
	--font-size-16: 16px;
	--font-size-18: 18px;
	--font-size-20: 20px;
	--font-size-22: 22px;
	--font-size-24: 24px;
	--font-size-44: 44px;
	
	--line-spacing-16: 16px;
	--line-spacing-18: 18px;
	--line-spacing-20: 20px;
	--line-spacing-22: 22px;
	--line-spacing-24: 24px;
	--line-spacing-32: 32px;
	
	--gap-4: 4px;
	--gap-10: 10px;
	--gap-12: 12px;
	--gap-15: 15px;
	--gap-16: 16px;
	--gap-30: 30px;
	
	--border-radius-24: 24px;
	--button-border-50: 50px;
	--button-border-radius: 10px;
}