/* ==========================================================================
   Babam Commerce UI — scoped commerce foundation
   --------------------------------------------------------------------------
   Milestone 1: foundation only. This file establishes the .babam scoping
   convention and consumes the design tokens from the child theme
   (assets/css/babam-signature.css). It contains NO storefront components yet —
   those (product card, cart, checkout, menus, search overlay) arrive in M2/M3.

   Scoping rule: every Babam commerce component is namespaced under a `.babam`
   wrapper / `babam-*` class so updates to FluentCart or Kadence never collide
   with our styles, and our styles never leak globally.

   IMPORTANT: any selector that targets FluentCart markup is UNVERIFIED until
   validated against the real plugin — see docs/fluentcart-hooks-unverified.md.
   No such selectors exist in this file yet.
   ========================================================================== */

/* Token fallbacks: if the child theme is inactive, the plugin still has a
   sane near-black/off-white baseline so it never renders unstyled. */
.babam {
	--babam-ink: var(--babam-ink, #0A0A0B);
	--babam-paper: var(--babam-paper, #F6F5F2);
	--babam-white: var(--babam-white, #FFFFFF);

	font-family: var(--babam-font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", sans-serif);
	color: var(--babam-ink, #0A0A0B);
}

/* Reusable primitives used by later milestones (kept minimal in M1). */
.babam-visually-hidden {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}