/**
 * AS design tokens — reusable across AS components / projects.
 * Override on :root per project without touching component CSS.
 */
:root {
	/* Primary button */
	--as-btn-primary-bg: #ff6154;
	--as-btn-primary-text: #ffffff;
	--as-btn-primary-bg-hover: #e8554a;
	--as-btn-primary-shadow-hover: 0 8px 24px rgba(255, 97, 84, 0.35);

	/* Shared button geometry */
	--as-btn-radius: 9999px;
	--as-btn-padding-x: 22px;
	--as-btn-padding-y: 8px;
	--as-btn-min-width: 150px;
	--as-btn-font-size: 16px;
	--as-btn-font-weight: 500;
	--as-btn-line-height: 1.6;
	--as-btn-letter-spacing: -0.374px;

	/* Motion */
	--as-btn-transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;

	/* Secondary — phase 2 */
	/* --as-btn-secondary-bg: ; */
	/* --as-btn-secondary-text: ; */

	/* Outline — phase 2 */
	/* --as-btn-outline-border: ; */
	/* --as-btn-outline-text: ; */
}