/**
 * Bootstrap harmonization — maps PersiaCopy tokens to Bootstrap components.
 *
 * @package PersiaCopy
 */

.btn {
	font-family: var(--font-body);
	font-weight: var(--weight-semibold);
	border-radius: var(--radius-lg);
	transition:
		background-color var(--duration-normal) var(--ease-out),
		border-color var(--duration-normal) var(--ease-out),
		box-shadow var(--duration-normal) var(--ease-out),
		transform var(--duration-fast) var(--ease-out);
}

.btn-primary {
	--bs-btn-bg: var(--color-primary);
	--bs-btn-border-color: var(--color-primary);
	--bs-btn-hover-bg: var(--color-primary-hover);
	--bs-btn-hover-border-color: var(--color-primary-hover);
	--bs-btn-active-bg: var(--color-primary-hover);
	--bs-btn-active-border-color: var(--color-primary-hover);
	--bs-btn-focus-shadow-rgb: var(--color-primary-rgb);
}

.btn-secondary {
	--bs-btn-bg: var(--color-secondary);
	--bs-btn-border-color: var(--color-secondary);
	--bs-btn-hover-bg: var(--color-secondary-hover);
	--bs-btn-hover-border-color: var(--color-secondary-hover);
}

.btn-success {
	--bs-btn-bg: var(--color-success);
	--bs-btn-border-color: var(--color-success);
	--bs-btn-hover-bg: var(--color-success-hover);
	--bs-btn-hover-border-color: var(--color-success-hover);
}

.btn-outline-primary {
	--bs-btn-color: var(--color-primary);
	--bs-btn-border-color: var(--color-primary);
	--bs-btn-hover-bg: var(--color-primary-soft);
	--bs-btn-hover-border-color: var(--color-primary);
	--bs-btn-hover-color: var(--color-primary-hover);
	--bs-btn-active-bg: var(--color-primary-soft);
	--bs-btn-active-border-color: var(--color-primary);
}

.form-control,
.form-select {
	border-radius: var(--radius-lg);
	border-color: var(--color-border);
	font-family: var(--font-body);
}

.form-control:focus,
.form-select:focus {
	border-color: var(--color-primary);
	box-shadow: var(--shadow-focus);
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
	--bs-gutter-x: var(--space-6);
}

/* Prevent Bootstrap from overriding our RTL body styles */
body {
	text-align: right;
}