/* RAWA Components — Option B */

.rawa-card {
	background: var(--rawa-card);
	border: 1px solid var(--rawa-border);
	border-radius: var(--rawa-radius-lg);
	padding: 2rem;
	box-shadow: var(--rawa-shadow-sm);
}

.rawa-button {
	width: 100%;
	height: 3.25rem;
	border: none;
	border-radius: var(--rawa-radius-md);
	background: var(--rawa-primary);
	color: var(--rawa-primary-text);
	font-family: var(--rawa-font);
	font-size: 1rem;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.2s ease;
}

.rawa-button:hover {
	background: var(--rawa-primary-hover);
}

.rawa-button--accent {
	background: transparent;
	color: var(--rawa-text);
	border: 1px solid var(--rawa-champagne);
}

.rawa-button--accent:hover {
	background: rgba(201, 169, 98, 0.1);
}

.rawa-input,
.rawa-select {
	width: 100%;
	height: 3rem;
	padding: 0 1rem;
	border-radius: var(--rawa-radius-sm);
	border: 1px solid var(--rawa-border-strong);
	background: var(--rawa-bg-alt);
	font-family: var(--rawa-font);
	font-size: 1rem;
	color: var(--rawa-text);
}

.rawa-input:focus,
.rawa-select:focus {
	outline: none;
	border-color: var(--rawa-champagne);
	box-shadow: 0 0 0 3px var(--rawa-champagne-glow);
}