/*
Theme Name: LocalMechanics Theme
Theme URI: https://localmechanics.co.uk/
Description: Presentational child theme for localmechanics.co.uk. Renders and styles data from the LocalMechanics Core plugin (Area pages, garage listings, diagnosis/lead forms). No Elementor dependency.
Author: LocalMechanics
Template: tenweb-website-builder-theme
Version: 1.0.0
Text Domain: localmechanics-theme
*/

/*
Design tokens extracted from the live site (localmechanics.co.uk) via computed-style
inspection. Where noted, a value is a best-guess extrapolation rather than a directly
measured one, since no live equivalent exists yet (e.g. Area/garage pages).
*/
:root {
	/* Brand */
	--lm-color-primary: #ff6a00; /* measured: CTA button background */
	--lm-color-primary-hover: #ed6744; /* measured: secondary/hover button background */
	--lm-color-dark: #12171d; /* measured: footer background */
	--lm-color-dark-muted: #aab4bd; /* measured: footer text color */

	/* Text */
	--lm-color-text: #000000; /* measured: body text color */
	--lm-color-text-muted: #55606a; /* GUESS: not directly measured, mid-gray for secondary text */
	--lm-color-white: #ffffff;

	/* Surfaces */
	--lm-color-bg: #ffffff;
	--lm-color-surface-alt: #f4f6f8; /* GUESS: light section/card background, not measured */
	--lm-color-border: #e3e7eb; /* GUESS: not measured, light hairline border */
	--lm-color-nav-bg: rgba(255, 255, 255, 0.973); /* measured: header background */

	/* Status (reused from plugin's own result states for consistency) */
	--lm-color-success: #2e7d32;
	--lm-color-error: #b32d2e;

	/* Typography */
	--lm-font-body: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif; /* measured: body font-family */
	--lm-font-heading: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif; /* measured: h1 font-family */

	/* Radius */
	--lm-radius-button: 10px; /* measured: CTA button border-radius */
	--lm-radius-card: 12px; /* GUESS: not measured, no card component live yet */

	/* Layout */
	--lm-container-width: 1180px; /* measured: .lm-wrap max width */
	--lm-space-1: 0.5rem;
	--lm-space-2: 1rem;
	--lm-space-3: 1.5rem;
	--lm-space-4: 2rem;
	--lm-space-5: 3rem;
	--lm-space-6: 4rem;
}
