/**
 * TMR adjustable design tokens.
 *
 * Global colours, font families and type sizes remain in theme.json because
 * WordPress exposes those values to blocks and the Site Editor. This file is
 * the single adjustment panel for TMR-specific dimensions and semantic
 * colours which WordPress does not model directly.
 */

:root {
	/* Semantic colours outside the public WordPress palette. */
	--tmr-color-danger: #ca5544;
	--tmr-color-notice: #fff7d6;
	--tmr-gold-hover: #b48d16;

	/* Widths and readable measures. */
	--tmr-readable: 72ch;
	--tmr-pdp-image-max-width: 500px;
	--tmr-product-image-width: 188px;
	--tmr-product-card-min-width: 13.25rem;
	--tmr-product-card-max-width: 13.75rem;
	--tmr-directory-column-min-width: 15rem;
	--tmr-home-search-max-width: 42rem;
	--tmr-modal-max-width: 64rem;
	--tmr-header-logo-size: 3.75rem;

	/* Spacing and positioning. */
	--tmr-gutter: clamp(1rem, 3vw, 2rem);
	--tmr-section-space: clamp(2rem, 5vw, 4.5rem);
	--tmr-component-gap: clamp(1rem, 2vw, 1.5rem);
	--tmr-directory-gap: clamp(1.5rem, 4vw, 3rem);
	--tmr-control-gap: 0.65rem;
	--tmr-home-heading-indent: 2.0625rem;

	/* Controls and surfaces. */
	--tmr-control-height: 2.85rem;
	--tmr-checkout-control-height: 3.25rem;
	--tmr-radius-small: 4px;
	--tmr-radius-control: 6px;
	--tmr-radius-panel: 8px;
	--tmr-payment-icon-height: 1.75rem;
	--tmr-shadow-card: 0 0.25rem 1rem rgb(13 27 42 / 10%);
	--tmr-shadow-raised: 0 0.5rem 1.5rem rgb(13 27 42 / 16%);
}