/* ==========================================================================
   Vercotech shared components
   Used across vercotech-careers, vercotech-ats, vercotech-dashboard.
   ========================================================================== */

/* Buttons */
.vc-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	font-family: var(--vc-font-body);
	font-size: var(--vc-text-sm);
	font-weight: 500;
	padding: 11px 20px;
	border-radius: var(--vc-radius);
	border: 0.5px solid transparent;
	cursor: pointer;
	text-decoration: none;
	transition: transform 0.1s ease;
}
.vc-btn:active {
	transform: scale(0.98);
}

.vc-btn-primary {
	background: var(--vc-signal);
	color: var(--vc-signal-text);
}
.vc-btn-primary:hover {
	background: #d9922e;
}

.vc-btn-secondary {
	background: transparent;
	color: var(--vc-ink);
	border-color: var(--vc-ink);
}
.vc-btn-secondary:hover {
	background: rgba(20, 28, 43, 0.05);
}

.vc-btn-dark {
	background: var(--vc-ink);
	color: var(--vc-paper);
}

/* Badges - status/pipeline indicators */
.vc-badge {
	display: inline-block;
	font-family: var(--vc-font-mono);
	font-size: 0.6875rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	padding: 4px 10px;
	border-radius: 5px;
}
.vc-badge-teal {
	background: var(--vc-pipeline-teal-bg);
	color: var(--vc-pipeline-teal-text);
}
.vc-badge-coral {
	background: var(--vc-alert-coral-bg);
	color: var(--vc-alert-coral-text);
}
.vc-badge-neutral {
	background: var(--vc-line);
	color: var(--vc-ink);
}

/* Cards */
.vc-card {
	background: var(--vc-white);
	border: 0.5px solid var(--vc-line);
	border-radius: var(--vc-radius-card);
	padding: var(--vc-space-md);
}

/* Layout container */
.vc-container {
	max-width: var(--vc-container-width);
	margin: 0 auto;
	padding: 0 var(--vc-space-lg);
}

@media (max-width: 782px) {
	.vc-container {
		padding: 0 var(--vc-space-md);
	}
}