:root {
	/* Palette from new mock (temp/Fitootemp) */
	--color-ink: #171b18;
	--color-brand: #b5e64b;
	--color-brand-hover: #c6ef70;
	--color-brand-dark: #719823;
	--color-brand-rgb: 181, 230, 75;
	--color-paper: #f5f6f2;
	--color-paper-deep: #eef0e8;
	--color-line: #dce0d6;
	--color-soft: #edf1e4;

	--color-header: #ffffff;
	--color-body: #ffffff;
	--color-surface: #ffffff;
	--color-surface-alt: var(--color-paper);
	--color-surface-tint: var(--color-soft);
	--color-text: var(--color-ink);
	--color-heading: var(--color-ink);
	--color-muted: #697065;
	--color-border: var(--color-line);
	--color-hero-accent: var(--color-brand);
	--color-benefits: var(--color-brand);

	--font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--font-size-base: 16px;
	--line-height-base: 1.625;

	--radius-card: 16px;
	--radius-btn: 9px;
	--radius-lg: 24px;

	--section-gap: clamp(3rem, 6vw, 5rem);
	--container-width: 1200px;
	--container-padding: clamp(1rem, 3vw, 2.5rem);

	--header-height: 80px;
	--header-height-mobile: 64px;
	--shadow-card: 0 4px 16px rgba(23, 27, 24, 0.06);
	--shadow-header: 0 2px 12px rgba(23, 27, 24, 0.06);

	--transition: 0.18s ease;
	--z-header: 1000;
	--z-modal: 10000;
	--z-cookie: 9999;
}