/*
 * Restaurant Theme
 * Main stylesheet
 */

:root {
	--restaurant-color-primary: #e6392f;
	--restaurant-color-secondary: #111111;
	--restaurant-color-text: #555555;
	--restaurant-color-background: #ffffff;
	--restaurant-color-light: #f7f7f7;

	--restaurant-font-heading: "Poppins", sans-serif;
	--restaurant-font-body: "Poppins", sans-serif;

	--restaurant-container-width: 1200px;

	--restaurant-radius-small: 4px;
	--restaurant-radius-medium: 8px;
	--restaurant-radius-large: 16px;

	--restaurant-spacing-xs: 8px;
	--restaurant-spacing-sm: 16px;
	--restaurant-spacing-md: 24px;
	--restaurant-spacing-lg: 48px;
	--restaurant-spacing-xl: 80px;
}
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: var(--restaurant-color-background);
	color: var(--restaurant-color-text);
	font-family: var(--restaurant-font-body);
	line-height: 1.6;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

button,
input,
textarea,
select {
	font: inherit;
}

a {
	color: inherit;
	text-decoration: none;
}