@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Mulish:wght@400;500;600;700&display=swap');


:root {
	--mark: #7B5A3A;
    --mark-light: #E7DAD2;
    --mark-dark: #39291D;
	--mark2:var(--mark);
	--mark2-light:var(--mark-light);
	--mark2-dark:var(--mark-dark);
	---grey-darker: #2E2A27;
    --grey-dark: #4B4744;
    --grey: #8C857E;
    --grey-light: #C9C2BA;
    --grey-lighter: #F2EFEA;
	--black:#000;
	--white:#fff;
	--red:#D63024;
	--red-light:#FF5F5D;
	--red-dark:#AE170C;
	--green:#AED581;
	--green-light:#C5E1A5;
	--green-dark:#116201;
	--yellow:#ff0;
	--font-family-header: 'Cormorant Garamond', serif;
    --font-family-header-light: 400;
    --font-family-header-regular: 500;
    --font-family-header-medium: 600;
    --font-family-header-bold: 700;
    --font-family-header-extra-bold: 700;

    --font-family-text: 'Mulish', sans-serif;
    --font-family-text-light: 400;
    --font-family-text-regular: 500;
    --font-family-text-medium: 600;
    --font-family-text-bold: 700;
	--font-family-icon-google: 'Material Symbols Outlined';
	scroll-behavior: smooth;
}
body.dark_mode {
	--mark:#EF5350;
	--mark-light:#E57373;
	--mark-dark:#F44336;
	--mark2:var(--mark);
	--mark2-light:var(--mark-light);
	--mark2-dark:var(--mark-dark);
	--grey-dark:#f1f2f6;
	--grey-darker:#ccc;
	--grey:#888888;
	--grey-light:#424242;
	--grey-lighter:#272727;
	--black:#dedede;
	--white:#141414;
	--red:#f00;
	--yellow:#ff0;
}