/* ==========================================================
   WP Concierge LA — Design Tokens
   Ratio: 1.25 modular type scale
   Spacing: 8px rhythm
   ========================================================== */

:root {
	/* Brand */
	--wpcla-ink: #211d19;
	--wpcla-navy: #173247;
	--wpcla-navy-soft: #24465f;
	--wpcla-copper: #b77947;
	--wpcla-copper-dark: #8f5a33;

	/* Surfaces */
	--wpcla-paper: #faf7f2;
	--wpcla-paper-deep: #f1e9df;
	--wpcla-white: #ffffff;
	--wpcla-text: #29231f;
	--wpcla-muted: #665b53;
	--wpcla-border: #ded3c7;
	--wpcla-focus: #d99c68;

	/* Type families */
	--wpcla-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	--wpcla-font-display: "Avenir Next", "Segoe UI", Arial, sans-serif;

	/* 1.25 modular scale */
	--wpcla-fs-xs: 0.64rem;
	--wpcla-fs-sm: 0.80rem;
	--wpcla-fs-base: 1rem;
	--wpcla-fs-md: 1.25rem;
	--wpcla-fs-lg: 1.5625rem;
	--wpcla-fs-xl: 1.953125rem;
	--wpcla-fs-2xl: 2.44140625rem;
	--wpcla-fs-3xl: 3.0517578125rem;
	--wpcla-fs-4xl: 3.8146972656rem;
	--wpcla-fs-hero: clamp(var(--wpcla-fs-3xl), 6vw, 5.6rem);

	/* Type metrics */
	--wpcla-weight-regular: 400;
	--wpcla-weight-medium: 500;
	--wpcla-weight-semibold: 600;
	--wpcla-weight-bold: 700;
	--wpcla-lh-tight: 1.06;
	--wpcla-lh-heading: 1.16;
	--wpcla-lh-body: 1.65;
	--wpcla-track-tight: -0.035em;
	--wpcla-track-wide: 0.14em;

	/* 8px spacing rhythm */
	--wpcla-s0: 0;
	--wpcla-s1: 0.5rem;
	--wpcla-s2: 1rem;
	--wpcla-s3: 1.5rem;
	--wpcla-s4: 2rem;
	--wpcla-s5: 2.5rem;
	--wpcla-s6: 3rem;
	--wpcla-s7: 3.5rem;
	--wpcla-s8: 4rem;
	--wpcla-s10: 5rem;
	--wpcla-s12: 6rem;
	--wpcla-s14: 7rem;
	--wpcla-s16: 8rem;

	/* Layout */
	--wpcla-shell: 78rem;
	--wpcla-reading: 46rem;
	--wpcla-hero-copy: 48rem;
	--wpcla-gutter: 1.5rem;
	--wpcla-header-height: 5rem;
	--wpcla-hero-min: 42rem;

	/* Shape */
	--wpcla-radius-sm: 0.375rem;
	--wpcla-radius-md: 0.75rem;
	--wpcla-radius-lg: 1.25rem;
	--wpcla-border-width: 0.0625rem;

	/* Effects */
	--wpcla-shadow-soft: 0 1.25rem 3.5rem rgba(23, 50, 71, 0.08);
	--wpcla-shadow-lift: 0 1.5rem 4rem rgba(23, 50, 71, 0.13);
	--wpcla-transition: 180ms ease;

	/* Hero */
	--wpcla-hero-overlay: linear-gradient(
		90deg,
		rgba(14, 24, 31, 0.94) 0%,
		rgba(14, 24, 31, 0.76) 34%,
		rgba(14, 24, 31, 0.30) 67%,
		rgba(14, 24, 31, 0.05) 100%
	);
}