/* Design tokens and self-hosted fonts. Measured from the logo and the group menu PDF (see docs/plan.md). */
@font-face {
	font-family: "Outfit";
	src: url("../../fonts/outfit-latin-variable.woff2") format("woff2");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Shrikhand";
	src: url("../../fonts/shrikhand-latin.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Bagel Fat One";
	src: url("../../fonts/bagel-fat-one-latin.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Barlow Condensed";
	src: url("../../fonts/barlow-condensed-600-latin.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

:root {
	/* Brand colours */
	--lmn-yellow: #f9d021;
	--lmn-yellow-soft: #fdeda6;
	--lmn-black: #161616;
	--lmn-cream: #f6f1ea;
	--lmn-cream-deep: #efe7db;
	--lmn-coral: #dd464c;
	--lmn-coral-deep: #c2373d;
	--lmn-pink: #ebbfd7;
	--lmn-white: #ffffff;
	--lmn-grey: #5c5c5c;
	--lmn-overlay: rgba(22, 22, 22, 0.55);
	/* Extra colours from the new printed menu (Instagram, april 2026) */
	--lmn-peach: #f5aa72;
	--lmn-orange: #de6c31;
	--lmn-lilac: #d9c3ea;
	--lmn-purple: #9446b3;
	--lmn-purple-deep: #683f8d;

	/* Semantic */
	--lmn-bg: var(--lmn-cream);
	--lmn-text: var(--lmn-black);
	--lmn-text-muted: var(--lmn-grey);
	--lmn-link: var(--lmn-coral-deep);
	--lmn-focus: var(--lmn-black);

	/* Type */
	--lmn-font-display: "Shrikhand", "Bagel Fat One", Georgia, serif;
	--lmn-font-caps: "Barlow Condensed", "Arial Narrow", sans-serif;
	--lmn-font-text: "Outfit", "Quicksand", system-ui, sans-serif;
	--lmn-text-size: clamp(1.0625rem, 1rem + 0.25vw, 1.125rem);
	--lmn-lh: 1.55;
	--lmn-h1: clamp(2.5rem, 1.6rem + 4vw, 4.5rem);
	--lmn-h2: clamp(2rem, 1.4rem + 2.4vw, 3rem);
	--lmn-h3: clamp(1.375rem, 1.2rem + 0.8vw, 1.75rem);
	--lmn-caps: clamp(0.875rem, 0.8rem + 0.3vw, 1rem);

	/* Shape */
	--lmn-radius: 1.25rem;
	--lmn-radius-sm: 0.75rem;
	--lmn-radius-pill: 999px;
	--lmn-shadow: 0 10px 30px rgba(22, 22, 22, 0.08);
	--lmn-shadow-lg: 0 20px 50px rgba(22, 22, 22, 0.14);

	/* Layout */
	--lmn-container: 1200px;
	--lmn-gutter: clamp(1rem, 4vw, 2rem);
	--lmn-section: clamp(3rem, 8vw, 6rem);
	--lmn-gap: clamp(1.25rem, 3vw, 2.5rem);
	--lmn-header-h: 76px;
	--lmn-mobile-bar-h: 66px;
	--lmn-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}