/* Brand kit button classes */
.btn-primary {
    background: var(--brand-accent);
    color: #fff;
    border: 1px solid var(--brand-accent);
    border-radius: 999px;
    padding: 0.75rem 1.75rem;
    font-weight: 600;
    font-size: 0.95rem;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(6,20,26,0.35);
    transition: background 0.15s ease, transform 0.15s ease,
    box-shadow 0.15s ease, border-color 0.15s ease;
}

.btn-secondary {
    background: transparent;
    color: var(--brand-accent);
    border: 1px solid var(--brand-accent);
    border-radius: 999px;
    padding: 0.75rem 1.75rem;
    font-weight: 500;
    font-size: 0.95rem;
    cursor: pointer;
}

.btn-ghost {
    background: transparent;
    color: var(--brand-text-dark);
    border: 1px solid transparent;
    border-radius: 999px;
    padding: 0.75rem 1.5rem;
    font-weight: 500;
    font-size: 0.95rem;
    cursor: pointer;
}

/* Global button interactions */
button {
    font-family: var(--brand-font);
}

button:hover {
    background: var(--brand-secondary);
    border-color: var(--brand-secondary);
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(6,20,26,0.45);
}

button:active {
    transform: translateY(0);
    box-shadow: 0 3px 8px rgba(6,20,26,0.3);
}