/* Shared carousel pagination-dot tokens (ClickUp 86eypb6m6).
 *
 * Config investigated: Blocksy Customizer has no pagination-dot colour or size
 * control for custom carousels, and the Feefo plugin exposes no dot styling
 * setting. The homepage routine and reviews carousels are custom markup in
 * post_content, so theme.json/Customizer cannot reach them. CSS custom
 * properties are the only place to hold one shared value, hence this file.
 *
 * Source: Figma "DOT - PAGE INDICATOR" instances and their "ATOM - INDICATORS"
 * children, node ids I34457:304330;34612:67808 (routine band) and
 * I34457:304330;35066:65629 (reviews band). Site-wide, unconditional (loaded
 * from custom.php the same way fonts.css is), so any carousel on any page can
 * read the same values instead of hard-coding its own.
 *
 * Geometry, identical in every Figma instance: 8x8 circle, 32x8 pill for the
 * active dot (radius 9999), 12px gap.
 *
 * Colour pairs, one per Figma context:
 *   default (routine band on cream)      active #FFC125, inactive #FFFFFF
 *   review  (homepage reviews band)      active #FF9572, inactive #939598
 *   on-green (PDP reviews row, Feefo)    active #FF9572, inactive #F8EDE3
 * Non-text contrast (WCAG 1.4.11, needs 3:1). Inactive dots are darkened from
 * Figma at the operator's direction (2026-09-30); measured on the real
 * backgrounds (cream #F8EDE3 on the homepage bands and the PDP top reviews,
 * white on category, green #247B4E on the PDP reviews band):
 *   inactive          #FFFFFF -> #878787  cream 1.15 -> 3.12, white 1.00 -> 3.59
 *   review-inactive   #939598 -> #868889  cream 2.60 -> 3.09, white 3.00 -> 3.56
 *   on-green-inactive #F8EDE3 kept        green 4.53 (already passes)
 * Active colours are unchanged and still fall short: #FFC125 is 1.41 on cream
 * and 1.63 on white, #FF9572 is 1.86 on cream, 2.14 on white and 2.44 on the
 * green band. Reported to the project lead, not changed.
 */
:root {
	--bonza-dot-size: 8px;
	--bonza-dot-pill: 32px;
	--bonza-dot-gap: 12px;

	--bonza-dot-active: #ffc125;
	--bonza-dot-inactive: #878787;

	--bonza-dot-review-active: #ff9572;
	--bonza-dot-review-inactive: #868889;

	--bonza-dot-on-green-active: #ff9572;
	--bonza-dot-on-green-inactive: #f8ede3;
}