/* ============================================================
   Sutra Button — Size modifiers
   Independent of variant. Override only the size-related subset
   of --btn-* variables (padding-x, padding-y, font-size).
   .sutra-btn--md needs no rules; md is the base default.
   ============================================================ */

@layer sutra-variants {
	.sutra-btn--sm {
		--btn-padding-x: var(--sutra-space-md, 12px);
		--btn-padding-y: var(--sutra-space-sm, 8px);
		--btn-font-size: var(--sutra-font-size-sm, 14px);
		--btn-radius: var(--sutra-radius-sm, 4px);
	}

	.sutra-btn--lg {
		--btn-padding-x: var(--sutra-space-2xl, 32px);
		--btn-padding-y: var(--sutra-space-lg, 16px);
		--btn-font-size: var(--sutra-font-size-lg, 18px);
		--btn-radius: var(--sutra-radius-lg, 12px);
	}
}