/*
 * Minali brand tokens — the exact values from CLAUDE.md.
 * Use these variables everywhere; never type a brand colour directly.
 */
:root {
	/* Greens */
	--lime: #C3D845;        /* button fills */
	--lime-strong: #CDE43F; /* small accents only (progress line, dots) */
	--lime-deep: #455D00;   /* links, eyebrows, script words — readable on light bg */
	--lime-soft: #E2EAC0;
	--sage: #D6DFBA;
	--sage-2: #C3D09C;
	--bar: #C9DC55;         /* header + footer fill */

	/* Text */
	--ink: #1F2513;         /* headings */
	--text: #333A28;        /* body */
	--muted: #474E3B;       /* small text, still >= 4.5:1 contrast */

	/* Surfaces */
	--line: #CBD4B0;
	--bg: #EDF0E2;
	--white: #FFFFFF;

	/* Prices and "Only 1 left" */
	--price: #B3261E;

	/* Fonts (files in assets/fonts/, declared in fonts.css) */
	--font-heading: "Cormorant Garamond", Georgia, "Times New Roman", serif;
	--font-script: "Allura", "Brush Script MT", cursive;
	--font-body: "Jost", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

	/* Motion */
	--ease: cubic-bezier(.2, .7, .2, 1);
	--ease-spring: cubic-bezier(.34, 1.56, .64, 1);
}