/* =====================================================================
   Jamaica Auto Parts — Design Tokens (Option B / Clean Bright)
   Single source of truth for colour, type, spacing, elevation and motion.
   Mirrors the approved static prototype (direction-b/assets/css/theme.css)
   and stays in sync with theme.json presets.
   ===================================================================== */

:root {
	/* Surfaces */
	--jap-bg: #FFFFFF;
	--jap-panel: #F5F7FA;
	--jap-panel-2: #EEF2F7;

	/* Lines / borders */
	--jap-line: #E5E9F0;
	--jap-line-2: #D1D5E0;

	/* Text */
	--jap-text: #0F172A;
	--jap-muted: #64748B;
	--jap-muted-2: #94A3B8;

	/* Brand */
	--jap-blue: #0B5FFF;
	--jap-blue-dim: #094AE0;
	--jap-orange: #FF5A1F;

	/* Status */
	--jap-ok: #059669;
	--jap-warn: #DC2626;

	/* Typography */
	--jap-f-display: 'Inter Display', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--jap-f-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--jap-fs-base: 15px;
	--jap-lh-base: 1.55;

	/* Elevation */
	--jap-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px rgba(15, 23, 42, .06);
	--jap-shadow-blue: 0 0 0 1px rgba(11, 95, 255, .2), 0 12px 32px -8px rgba(11, 95, 255, .15);

	/* Radius */
	--jap-radius: 10px;
	--jap-radius-sm: 8px;

	/* Motion */
	--jap-transition: .18s cubic-bezier(.4, 0, .2, 1);

	/* Layout */
	--jap-container: 1240px;
	--jap-gutter: 24px;
}

/* Tabular figures for prices and any numeric UI (per handoff section 2). */
.jap-tabular,
.woocommerce-Price-amount,
.price {
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1;
}