/**
 * Button Styles
 * Primary buttons use plum (dark), secondary buttons use amber (warm)
 */

/* Primary buttons - dark plum */
.btn-primary,
button[type="submit"],
a.bg-plum:not(.bg-plum\/),
.rounded-full.bg-plum {
	background-color: #2A0D1A !important;
	color: #7F9584 !important;
	border-color: #2A0D1A !important;
	font-weight: 600;
	transition: all 0.2s ease;
}

.btn-primary:hover,
button[type="submit"]:hover,
a.bg-plum:hover:not(.bg-plum\/),
.rounded-full.bg-plum:hover {
	background-color: #1F0A14 !important;
	border-color: #1F0A14 !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(42, 13, 26, 0.3);
}

.btn-primary:active,
button[type="submit"]:active,
a.bg-plum:active:not(.bg-plum\/),
.rounded-full.bg-plum:active {
	transform: translateY(0);
	box-shadow: 0 2px 6px rgba(42, 13, 26, 0.2);
}

/* Secondary buttons - warm amber */
.btn-secondary,
a.border.bg-amber,
a.border.bg-sage\/70,
a.border.bg-sage\/85 {
	background-color: #D4A574 !important;
	color: #2A0D1A !important;
	border-color: #D4A574 !important;
	font-weight: 600;
	transition: all 0.2s ease;
}

.btn-secondary:hover,
a.border.bg-amber:hover,
a.border.bg-sage\/70:hover,
a.border.bg-sage\/85:hover {
	background-color: #C8965F !important;
	border-color: #C8965F !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(212, 165, 116, 0.3);
}

.btn-secondary:active,
a.border.bg-amber:active,
a.border.bg-sage\/70:active,
a.border.bg-sage\/85:active {
	transform: translateY(0);
	box-shadow: 0 2px 6px rgba(212, 165, 116, 0.2);
}

/* Focus states for accessibility */
.btn-primary:focus,
.btn-secondary:focus,
button[type="submit"]:focus {
	outline: 3px solid #2A0D1A;
	outline-offset: 2px;
}

/* Ensure text contrast on accent colors */
.bg-amber,
.text-amber {
	color: #2A0D1A;
}