/* ABC Fitness brand tokens — overrides abc-sections's default (glofox) tokens
 * from assets/css/tokens.css. Source: Figma "ABC Fitness Design System",
 * Color (Light/Dark modes) and Typography (Desktop/Tablet/Mobile modes)
 * variable collections (abc-sections Phase 3).
 *
 * Only tokens that differ from the glofox defaults are declared here.
 * Radius, spacing, container, aspect-ratio and viewport tokens came back
 * identical between the two Figma files and are left at the plugin's
 * defaults (no override needed).
 *
 * Typography line-heights are NOT overridden: the Figma export's
 * line-height values look like broken/placeholder data (body-regular is
 * "56" — not a plausible unitless ratio — identically across all three
 * breakpoints, and line-height-reg/line-height-reg 2 are exact duplicates).
 * Revisit once design re-exports clean values.
 */
:root {
	/* Colors */
	--color-brand: light-dark(#0146AA, #0146AA);
	--color-brand-hover: light-dark(#5E9CE3, #5E9CE3);
	--color-brand-subtle: light-dark(#DDEAFD, #DDEAFD);
	--color-brand-alt: light-dark(#5E9CE3, #5E9CE3);
	--color-fg: light-dark(#110F14, #F3F2F5);
	--color-fg-muted: light-dark(#5F5A69, #B3A6B2);
	--color-fg-subtle: light-dark(#7C7884, #99969F);
	--color-bg: light-dark(#FFFFFF, #0E0D12);
	--color-bg-subtle: light-dark(#F5F6F8, #1A1820);
	--color-bg-muted: light-dark(#EFEEF0, #201E28);
	--color-border: light-dark(#CAD5DC, #CAD5DC);
	--color-border-subtle: light-dark(#E3E9ED, #E3E9ED);
	--color-border-strong: light-dark(#566174, #566174);
	--color-success: light-dark(#00B487, #00B487);
	--color-danger: light-dark(#B32D13, #B32D13);
	--color-cta: light-dark(#0146AA, #0146AA);
	--color-cta-hover: light-dark(#5E9CE3, #5E9CE3);
	--color-cta-subtle: light-dark(#2E80FA, #2E80FA);
	--color-cta-pressed: light-dark(#00398F, #00398F);

	/* New tokens — not part of glofox's base tokens.css. Defined here so
	 * they're available once something in abc-sections adopts them; nothing
	 * reads them yet. */
	--color-border-medium: light-dark(#A2B3BE, #A2B3BE);
	--color-rating: light-dark(#EF8233, #EF8233);
	--color-bg-inverse: light-dark(#0E0D12, #F3F2F5);
	--color-fg-inverse: light-dark(#F5F6F8, #0E0D12);

	/* Typography sizes. ABC Fitness's Figma scale is steeper than glofox's
	 * and adds an h4 size the base tokens don't have. Approximated as a
	 * fluid clamp() between the same 380px -> 1280px bounds glofox's
	 * tokens.css uses, with ABC Fitness's mobile/desktop values as the two
	 * endpoints — the Figma tablet values land on the curve between them
	 * rather than hitting their own exact pixel size. */
	--font-size-h1: clamp(1.75rem, 1.3278rem + 1.7778vw, 2.75rem);     /* 28px -> 44px */
	--font-size-h2: clamp(1.5rem, 1.1306rem + 1.5556vw, 2.375rem);     /* 24px -> 38px */
	--font-size-h3: clamp(1.25rem, 0.9861rem + 1.1111vw, 1.875rem);    /* 20px -> 30px */
	--font-size-h4: clamp(1.125rem, 0.9667rem + 0.6667vw, 1.5rem);     /* 18px -> 24px; new size, no glofox equivalent */
	--font-size-body: clamp(1rem, 0.9472rem + 0.2222vw, 1.125rem);     /* 16px -> 18px */
	--font-size-medium: clamp(0.875rem, 0.8222rem + 0.2222vw, 1rem);   /* 14px -> 16px */
	--font-size-small: clamp(0.75rem, 0.6972rem + 0.2222vw, 0.875rem); /* 12px -> 14px */
	--font-size-tiny: clamp(0.625rem, 0.5722rem + 0.2222vw, 0.75rem);  /* 10px -> 12px */
}