/* myrecipe.ai Premium V2 design tokens */
@font-face {
	font-family: "MR Serif";
	src: url("../fonts/dejavu-serif-latin-400-normal.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "MR Serif";
	src: url("../fonts/dejavu-serif-latin-700-normal.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

:root {
	/* Colour */
	--mr-paper: #f4f1ea;
	--mr-surface: #fbfaf7;
	--mr-white: #ffffff;
	--mr-line: #ecebe6;
	--mr-line-strong: #d9d6ce;
	--mr-ink: #151816;
	--mr-ink-soft: #2a2d2a;
	--mr-muted: #71746f;
	--mr-subtle: #9a9c97;
	--mr-charcoal: #20231f;
	--mr-charcoal-raised: #2b2e2a;
	--mr-charcoal-active: #343831;
	--mr-charcoal-line: #3a3d38;
	--mr-on-dark: #f4f1ea;
	--mr-on-dark-muted: #a9aba5;
	--mr-champagne: #b7955b;
	--mr-champagne-strong: #a8864c;
	--mr-champagne-soft: #eee6d8;
	--mr-lime: #ddf6a1;
	--mr-sage-soft: #e7eadf;
	--mr-sage-ink: #5b6650;
	--mr-rose-soft: #f0e2de;
	--mr-rose-ink: #8c4e4e;
	--mr-danger: #a14a44;
	--mr-focus: #151816;

	/* Type */
	--mr-font-serif: "MR Serif", "DejaVu Serif", Georgia, "Times New Roman", serif;
	--mr-font-sans: Arial, "Liberation Sans", "Helvetica Neue", Helvetica, sans-serif;

	/* Shape */
	--mr-radius-xs: 8px;
	--mr-radius-sm: 10px;
	--mr-radius-md: 14px;
	--mr-radius-lg: 20px;
	--mr-radius-xl: 24px;
	--mr-radius-pill: 999px;

	/* Elevation: thin borders first, quiet shadows */
	--mr-shadow-sm: 0 1px 2px rgba(21, 24, 22, 0.04);
	--mr-shadow-md: 0 12px 32px rgba(21, 24, 22, 0.08);
	--mr-shadow-lg: 0 24px 64px rgba(21, 24, 22, 0.16);

	--mr-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
	--mr-sidebar-w: 228px;
	--mr-tap: 44px;
}