:root { --desktop-title-size: clamp(22px, 2vw, 24px);
--desktop-subtitle-size: clamp(20px, 1.3vw, 22px);
--desktop-paragraph-size: clamp(16px, 1.2vw, 20px); --tablet-title-size: clamp(0.9rem, 2.3vw, 2rem);
--tablet-subtitle-size: clamp(0.9rem, 2vw, 2rem);
--tablet-font-size: clamp(0.9rem, 1.2vw, 1.5rem); --mobile-title-size: 18px;
--mobile-subtitle-size: 14px;
--mobile-font-size: 12px; --color-primary: #144738;
--color-primary-light: rgba(20, 71, 56, 0.8);
--color-secondary: #333333;
--color-text-light: white;
--color-restaurant: rgb(117, 64, 67);
--spacing-xs: 10px;
--spacing-sm: 20px;
--spacing-md: 40px;
--spacing-lg: 100px;
--spacing-responsive: clamp(20px, 4vw, 100px); --border-radius: 50px;
--container-max-width: 1200px;
--transition-default: 0.3s ease;
--line-height-default: 1.6;
--letter-spacing-default: 0.2em;
--letter-spacing-wide: 0.3em;
}
*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
} #body>div.l-container>header {
display: none;
}
.l-footer {
display: none;
}
html {
scroll-behavior: smooth;
}
body {
font-family: var(--font-secondary), var(--font-primary);
overflow-x: hidden;
color: var(--color-secondary);
}