/* @charset "UTF-8";
@import './assets/css/base.css';
@import './assets/css/components/stickyNavigation.css';
@import './assets/css/components/side-menu.css';
@import './assets/css/components/hero.css';
@import './assets/css/components/page-top.css';
@import './assets/css/components/footer.css';
@import './assets/css/components/carousel.css';
@import './assets/css/chef.css';
@import './assets/css/cuisine.css';

@import './assets/css/pages/frontpage.css'; */

/* GENERAL PAGE FORMATTING --------------------- */
:root {
    /* Font size on desktop */
    --desktop-title-size: clamp(22px, 2vw, 24px);
    --desktop-subtitle-size: clamp(20px, 1.3vw, 22px);
    --desktop-paragraph-size: clamp(16px, 1.2vw, 20px);
    
    /* Font size on tablet */
    --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);
    
    /* Font size on mobile */
    --mobile-title-size: 18px;
    --mobile-subtitle-size: 14px;
    --mobile-font-size: 12px;
    
    /* Colors */
    --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);
    
    /* --font-primary: 'Zen Old Mincho';
    --font-secondary: 'Federo'; */
    
    --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;
}

/* Wordpress built-in header & footer */
#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);
}