@font-face {
font-family: 'Hanken Grotesk';
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url(//www.luchicucine.it/wp-content/themes/luchi/assets/fonts/hanken-grotesk-latin-wght-normal.woff2) format('woff2');
}
@font-face {
font-family: 'Newsreader';
font-style: normal;
font-weight: 200 800;
font-display: swap;
src: url(//www.luchicucine.it/wp-content/themes/luchi/assets/fonts/newsreader-latin-opsz-normal.woff2) format('woff2');
}
:root { --color-white: #FFFFFF;
--color-paper: #F6F6F5; --color-catalog: #ECECEC; --color-steel: #8A8D91; --color-steel-dark: #5C5F63; --color-graphite: #2A2B2D; --color-black: #141414;  --color-michelin: #D3072B;
--color-michelin-green: #649F42;  --color-error: #B3261E; --color-bg: var(--color-white);
--color-text: var(--color-graphite);
--color-heading: var(--color-black);
--color-text-muted: var(--color-steel-dark);
--color-line: var(--color-catalog);
--color-line-strong: var(--color-steel);
--color-on-dark: var(--color-white); --overlay-strong: rgba(20, 20, 20, 0.55);
--overlay-soft: rgba(20, 20, 20, 0.35);
--overlay-none: rgba(20, 20, 20, 0);
--overlay-viewer: rgba(20, 20, 20, 0.88);  --font-sans: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
--font-serif: 'Newsreader', Georgia, 'Times New Roman', serif; --font-base: var(--font-sans);
--font-heading: var(--font-sans); --weight-light: 300;
--weight-regular: 400;
--weight-medium: 500; --text-display: 40px;
--text-h1: 34px;
--text-h2: 28px;
--text-h3: 20px;
--text-lead: 17px;
--text-body: 16px;
--text-small: 14px;
--text-label: 12px;
--text-xs: 12px; --leading-tight: 1.08;
--leading-heading: 1.15;
--leading-body: 1.65;
--tracking-heading: -0.01em;
--tracking-label: 0.28em;  --space-xs: 8px;
--space-s: 16px;
--space-m: 24px;
--space-l: 40px;
--space-xl: 64px;
--space-2xl: 96px;
--space-3xl: 144px;
--section-padding: var(--space-xl);  --container-max: 1440px;
--container-padding: 20px; --header-height: 72px;
--header-height-compact: 72px;
--logo-height: 48px;
--logo-height-compact: 48px;
--touch-target: 44px;  --radius: 0;
--border-width: 1px; --duration-fast: 200ms;
--duration-base: 400ms;
--duration-slow: 800ms;
--ease-out: cubic-bezier(0.22, 0.61, 0.36, 1); --z-header: 100;
--z-menu: 200;
} @media (min-width: 768px) {
:root {
--text-display: 56px;
--text-h1: 44px;
--text-h2: 32px;
--text-h3: 22px;
--text-lead: 18px;
--section-padding: var(--space-2xl);
--container-padding: 32px;
--header-height: 88px;
--header-height-compact: 88px;
--logo-height: 56px;
--logo-height-compact: 56px;
}
} @media (min-width: 1200px) {
:root {
--text-display: 72px;
--text-h1: 56px;
--text-h2: 40px;
--text-h3: 24px;
--text-lead: 20px;
--text-body: 17px;
--section-padding: var(--space-3xl);
--container-padding: 48px;
--header-height: 112px;
--header-height-compact: 88px;
--logo-height: 80px;
--logo-height-compact: 64px;
}
}