:root {
	--local24-petrol: #1F6F78;
	--local24-petrol-dark: #165A60;
	--local24-orange: #F59E0B;
	--local24-ink: #172033;
	--local24-muted: #64748B;
	--local24-line: #DBE4EF;
	--local24-soft: #F4FAFB;
	--local24-panel: #FFFFFF;
	--local24-white: #FFFFFF;
	--local24-ui-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;

	/* Backward-compatible aliases. New Local24 chrome uses the canonical names above. */
	--local24-teal: var(--local24-petrol);
	--local24-teal-dark: var(--local24-petrol-dark);
	--teal: var(--local24-petrol);
	--teal-dark: var(--local24-petrol-dark);
	--orange: var(--local24-orange);
	--ink: var(--local24-ink);
	--muted: var(--local24-muted);
	--line: var(--local24-line);
	--soft: var(--local24-soft);
	--white: var(--local24-white);
	--l24-teal: var(--local24-petrol);
	--l24-orange: var(--local24-orange);
	--l24-ink: var(--local24-ink);
	--l24-muted: var(--local24-muted);
	--l24-line: var(--local24-line);
	--l24-soft: var(--local24-soft);
	--l24-panel: var(--local24-panel);
	--brand: var(--local24-petrol);
	--dark: var(--local24-ink);
	--dark-2: var(--local24-petrol-dark);
	--text: var(--local24-white);
}