/* ============================================================
   League of Cooking — Limoncella-style design tokens.
   Every value below was MEASURED from https://demos.restored316.com/limoncella/
   via computed styles (2026-07-19), not estimated. See
   ../../reference-screenshots and HANDOFF.md for the audit record.
   ============================================================ */
:root {
	/* Colors — measured from Limoncella's live computed styles */
	--lim-bg:            #F6FBFF; /* body background, very light powder blue */
	--lim-ink:           #285173; /* body text, footer text, social icons */
	--lim-ink-dark:      #113954; /* nav links, announcement link */
	--lim-surface:       #FFFFFF; /* header bg, footer bg, card bg */
	--lim-accent:        #F67753; /* CTA orange — primary buttons */
	--lim-accent-hover:  #E0603C; /* darkened accent for hover (derived, verify against live hover state later) */
	--lim-periwinkle:    #B7C9E8; /* secondary button bg (Top-10 style elements) */
	--lim-steel-blue:    #6C8BB0; /* MEASURED 2026-07-19: hero-image category badge bg + search-input border */
	--lim-announcement-bg: #FDE367; /* MEASURED 2026-07-19: announcement bar, bright yellow/gold (was wrongly transparent in first pass) */
	--lim-border:        #E3ECF5; /* derived light border tying to bg family, verify against live borders */
	--lim-shadow:        rgba(40, 81, 115, 0.10);

	/* Fonts — measured: Figtree (body), Work Sans (headings/labels) */
	--lim-font-body:    'Figtree', sans-serif;
	--lim-font-heading: 'Work Sans', sans-serif;

	/* Type scale — measured */
	--lim-body-size: 18px;
	--lim-body-line-height: 1.8; /* 32.4px / 18px measured ratio */
	--lim-nav-primary-size: 18px;
	--lim-nav-primary-weight: 600;
	--lim-nav-secondary-size: 15px;
	--lim-nav-secondary-weight: 400;
	--lim-badge-size: 14.4px;
	--lim-badge-weight: 600;
	--lim-badge-letter-spacing: 1px;

	/* Spacing scale (Kadence-compatible progression) */
	--lim-space-1: 4px;  --lim-space-2: 8px;  --lim-space-3: 12px;
	--lim-space-4: 16px; --lim-space-6: 24px; --lim-space-8: 32px;
	--lim-space-12: 48px; --lim-space-16: 64px; --lim-space-20: 80px;

	/* Radii — measured: buttons 5px, category badge top-only 5px, social icon 3px,
	   circular category icons 200px (fully round) */
	--lim-radius-small: 3px;
	--lim-radius-button: 5px;
	--lim-radius-circle: 200px;

	--lim-container-wide: 1290px; /* Kadence default content width, verify exact value once measured directly */
}

/* Map onto Kadence's global palette so native Kadence components re-theme too */
:root {
	--global-palette1: var(--lim-accent);
	--global-palette2: var(--lim-periwinkle);
	--global-palette3: var(--lim-ink-dark);
	--global-palette4: var(--lim-ink);
	--global-palette5: var(--lim-ink);
	--global-palette6: var(--lim-border);
	--global-palette7: var(--lim-bg);
	--global-palette8: var(--lim-surface);
	--global-palette9: var(--lim-surface);

	--global-heading-font-family: var(--lim-font-heading);
	--global-body-font-family: var(--lim-font-body);
}

body {
	font-family: var(--lim-font-body);
	font-size: var(--lim-body-size);
	line-height: var(--lim-body-line-height);
	color: var(--lim-ink);
	background: var(--lim-bg);
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--lim-font-heading);
	color: var(--lim-ink-dark);
}
a { color: var(--lim-ink-dark); }
a:hover { color: var(--lim-accent); }