@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');

tag:not(:first-of-type) { /* Styles here */ }
tag:nth-of-type(1) { /* Styles here */ }
tag:last-of-type { /* Styles here */ }
tag:nth-of-type(even) { /* Styles here */ }
tag:nth-of-type(odd) { /* Styles here */ }
tag:first-child { /* Styles here */ }
tag:last-child { /* Styles here */ }
[tag-name] { /* Styles for all elements with the attribute "tag-name" */ }
[tag-name="value"] { /* Styles for elements where the attribute "tag-name" equals "value" */ }
[tag-name*="value"] { /* Styles for elements where "value" is part of the attribute value */ }
[tag-name^="value"] { /* Styles for elements where the attribute value starts with "value" */ }
[tag-name$="value"] { /* Styles for elements where the attribute value ends with "value" */ }
[tag-name~="value"] { /* Styles for elements where "value" is a whole word in the attribute */ }
[tag-name|="value"] { /* Styles for elements with an attribute value that starts with "value" or is exactly "value" */ }
parent > child { /* Styles for direct children only */ }
ancestor descendant { /* Styles for all descendants, not just direct children */ }
sibling + sibling { /* Styles for the immediate next sibling */ }
sibling ~ sibling { /* Styles for all subsequent siblings */ }

@font-face { font-family: "AntipastoPro";  src: url("public/styles/fonts/AntipastoPro/antipasto.regular.ttf") format("truetype");
    font-weight: normal; font-style: normal;
}

@font-face {
    font-family: "ANTIPASTOPRO-BOLD";
    src:  url("fonts/AntipastoPro/ANTIPASTOPRO-BOLD_TRIAL.TTF") format("truetype");
}

@font-face {
    font-family: "GREATVIBES-REGULAR";
    src:  url("fonts/GREATVIBES-REGULAR.TTF") format("truetype");
}

@font-face {
    font-family: "ANTIPASTOPRO_TRIAL";
    src:  url("fonts/ANTIPASTOPRO_TRIAL.TTF") format("truetype");
}

@font-face {
    font-family: "ANTIPASTOPRO-DEMIBOLD";
    src:  url("fonts/AntipastoPro/ANTIPASTOPRO-DEMIBOLD_TRIAL.TTF") format("truetype");
}
@font-face { font-family: "ANTIPASTOPRO-LIGHT_TRIAL"; src:  url("fonts/ANTIPASTOPRO-EXTRALIGHT_TRIAL.TTF") format("truetype"); }
:root {
	/* Shadows */
	--box-shadow-sm: 0px 1px 3px rgba(7, 6, 6, 0.1);
	--box-shadow-md: 0px 0px 6px rgba(0, 0, 0, 0.1);
	--box-shadow-lg: 5px 3px 6px rgba(0, 0, 0, 0.2);

	/* Fonts */ 

    --font-Syne: "Syne", sans-serif;
	--font-ANTIPASTOPRO-LIGHT_TRIAL: "ANTIPASTOPRO-LIGHT_TRIAL", sans-serif;
	--font-AntipastoPro: "AntipastoPro", sans-serif;
	--font-socialico: "socialico", sans-serif;
	--font-ANTIPASTOPRO-BOLD: "ANTIPASTOPRO-BOLD", sans-serif;
	--font-Poppins: "Poppins", sans-serif;
	--font-Teko: "Teko", sans-serif;
	--font-Playfair-Display: "Playfair Display", sans-serif;
	--font-Raleway: "Raleway", sans-serif;
	--font-Montserrat: "Montserrat", sans-serif;
	--font-Great-Vibes: "GREATVIBES-REGULAR", sans-serif;
	--font-ANTIPASTOPRO_TRIAL: "ANTIPASTOPRO_TRIAL", sans-serif;
	--font-ANTIPASTOPRO-DEMIBOLD: "ANTIPASTOPRO-DEMIBOLD", cursive;

	/* Transitions */
	--transition-fast: 0.3s ease-in-out;
	--transition-slow: 0.5s ease-in-out;

	--bg-color: #ffffff;
    --primary-color: #292929;
    --accent: #b6410f;
    --bg: linear-gradient(to right, var(--accent3), var(--accent4));
    --card-height: 300px;
    --card-width: calc(var(--card-height) / 1.5);
    --loader: #fcfdfc;
}