/* ══════════════════════════════════════════════════════════
   buttons.css — shared button variants (.btn-primary,
   .btn-secondary). Border geometry stays page-specific because
   About uses <a> buttons and Contact uses <button> elements.
   Loaded after style.css and before each page stylesheet.
   ══════════════════════════════════════════════════════════ */

.btn-primary {
	color: var(--bg);
	background: var(--g);
}

.btn-primary:hover {
	background: transparent;
	color: var(--g);
	transform: translateY(-2px);
}

.btn-secondary {
	background: transparent;
	color: var(--text);
}

.btn-secondary:hover {
	border-color: var(--g);
	color: var(--g);
	transform: translateY(-2px);
}