/* Cliffe v3 design tokens (front end and block editor). */
:root {
	--c-magenta: #B9006A;
	--c-magenta-dark: #8A004F;
	--c-ink: #2B2A2A;
	--c-grey: #5F5E5E;
	--c-pink: #F7DCEA;
	--c-pink-soft: #FBF0F5;
	--c-pink-on-dark: #FF8CC6;
	--c-pink-on-mag: #FFD3EA;   /* small text on magenta, 4.8:1 */
	--c-pink-on-mag-2: #FFE6F2; /* body text on magenta, 5.5:1 */
	--c-paper: #F7F6F4;
	--c-white: #FFFFFF;
	--c-line: #DDD9D5;
	--c-line-soft: #EEECEA;
	--c-on-dark: #D8D6D6;
	--c-on-dark-muted: #A9A6A6;
	--c-cyan: #00A0DC;
	--c-yellow: #FFE600;
	--c-key: #1A1A1A;

	--f-serif: "Fraunces", Georgia, serif;
	--f-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

	--wrap: 1320px;
	--gutter: 28px;
	--section-y: 120px;
	--radius-s: 4px;
	--radius: 8px;
	--radius-m: 10px;
	--radius-l: 12px;
	--pill: 999px;

	--ease: cubic-bezier(.2, .7, .2, 1);
	--shadow-photo: 0 34px 70px rgba(43, 0, 25, .45);
	--shadow-tile: 0 28px 50px rgba(43, 42, 42, .2);
	--shadow-qt: 0 18px 36px rgba(43, 42, 42, .14);
}

@media (max-width: 720px) {
	:root { --gutter: 20px; --section-y: 72px; }
}