/*
 * --law-primary / -secondary and their derived shades (-hover, -light,
 * -tint, -on) are printed inline in <head> by inc/customizer.php
 * (law_output_dynamic_css), AFTER this stylesheet, from the admin's 2
 * Customizer color pickers — so that block always wins the cascade over
 * the static fallbacks below.
 */

:root {
	--law-primary: #8a6d1f;
	--law-primary-hover: #6e5718;
	--law-primary-light: #ad8c3f;
	--law-primary-tint: #f6f0e1;
	--law-primary-on: #ffffff;

	--law-secondary: #1b2a41;
	--law-secondary-hover: #0f1b2d;
	--law-secondary-light: #2d4262;
	--law-secondary-tint: #e9ecf1;
	--law-secondary-on: #ffffff;

	--law-bg: #ffffff;
	--law-bg-alt: #f6f7f9;
	--law-text: #22262f;
	--law-text-muted: #636a78;
	--law-text-on-dark-muted: rgba(255,255,255,.72);
	--law-border: #e4e7ee;

	--law-font-heading: Georgia, 'Times New Roman', serif;
	--law-font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	--law-fs-eyebrow: .8125rem;
	--law-fs-h1: clamp(2rem, 4vw, 2.9rem);
	--law-fs-h2: clamp(1.6rem, 2.8vw, 2.1rem);
	--law-fs-h3: 1.1rem;

	--law-container: 1180px;
	--law-gap: 1.75rem;
	--law-section-pad: clamp(3rem, 6vw, 5.5rem);
	--law-radius: 8px;
	--law-radius-pill: 999px;
	--law-shadow: 0 14px 34px rgba(16,24,40,.08);
	--law-transition: 180ms ease;
}