/* Universal Pro Theme — buttons v1.0.0 */
.btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem;
	font-family: var(--at-font-display); font-weight: 600;
	padding: 0.7rem 1.4rem; border-radius: 0.6rem;
	border: 1px solid transparent; cursor: pointer;
	min-height: 48px; transition: var(--at-transition);
	text-decoration: none; font-size: 0.95rem;
}
.btn:hover { transform: translateY(-1px); }
.btn:active { transform: translateY(0); }

.btn-gold { background: var(--at-accent); color: var(--at-accent-fg); border-color: var(--at-accent); }
.btn-gold:hover { color: var(--at-accent-fg); filter: brightness(1.08); }

.btn-outline { background: transparent; color: var(--at-fg); border-color: var(--at-border); }
.btn-outline:hover { border-color: var(--at-accent); color: var(--at-accent); }

/* Header buttons override .btn defaults — scoped with .up-btn-header so they win */
.up-btn-header { min-height: 40px; padding: 0.5rem 0.9rem; font-size: 0.85rem; border-radius: 0.25rem; }
.up-btn-header.btn-outline { border-color: #ffffff; }
.up-btn-header.btn-outline:hover { background: #2d2d2d; border-color: #ffffff; color: #ffffff; }
.up-btn-header.btn-gold { background: #FFD700; color: #1a1a1a; border: none; }
.up-btn-header.btn-gold:hover { background: #FFC700; color: #1a1a1a; filter: none; }

button, input[type="submit"], input[type="button"] { font-family: var(--at-font-body); }
