/**
 * Qalam Content Manager — shared design tokens.
 * Deep green = structural, gold = accent only (per site visual discipline).
 */
:root {
	--qcm-green: #1B4D3E;
	--qcm-green-dark: #123329;
	--qcm-gold: #B87333;
	--qcm-cream: #FAF7F2;
	--qcm-ink: #1f2421;
	--qcm-muted: #6b7570;
	--qcm-border: #e2ddd3;
	--qcm-radius: 10px;
	--qcm-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
	--qcm-shadow-hover: 0 10px 28px rgba(0, 0, 0, 0.18);
}

.qcm-btn {
	appearance: none;
	-webkit-appearance: none;
	display: inline-flex;
	align-items: center;
	gap: 0.4em;
	padding: 0.55em 1.1em;
	border-radius: 6px !important;
	border: none !important;
	background: var(--qcm-green) !important;
	color: #fff !important;
	font-weight: 600;
	cursor: pointer;
	text-decoration: none;
	font-size: 0.95em;
	box-shadow: none !important;
	text-shadow: none !important;
	line-height: 1.4;
}
.qcm-btn:hover { background: var(--qcm-green-dark) !important; color: #fff !important; }
.qcm-btn.qcm-btn-ghost {
	background: transparent !important;
	color: var(--qcm-green) !important;
	border: 1px solid var(--qcm-border) !important;
}
.qcm-btn.qcm-btn-ghost:hover { border-color: var(--qcm-green) !important; }
.qcm-btn.qcm-btn-gold { background: var(--qcm-gold) !important; }
.qcm-btn.qcm-btn-gold:hover { background: #96592a !important; }

.qcm-pill {
	display: inline-block;
	padding: 0.2em 0.75em;
	border-radius: 999px;
	font-size: 0.75em;
	font-weight: 600;
	background: rgba(27, 77, 62, 0.1);
	color: var(--qcm-green);
}
.qcm-pill.qcm-pill-gold { background: rgba(184, 115, 51, 0.14); color: var(--qcm-gold); }
.qcm-pill.qcm-pill-muted { background: #efece6; color: var(--qcm-muted); }

.qcm-notice {
	padding: 0.9em 1.1em;
	border-radius: 8px;
	margin-bottom: 1.2em;
	font-size: 0.95em;
}
.qcm-notice-success { background: #eaf5ef; color: var(--qcm-green-dark); border: 1px solid #bfe2cf; }
.qcm-notice-error { background: #fbeceb; color: #8a2e26; border: 1px solid #f0c6c2; }