/**
 * Shared "primary" CTA button (BLOG-05 review round 2, F2-1).
 *
 * Extracted out of marketing/css/landing.css so a page that only needs
 * the button -- the blog -- does not also import that stylesheet's
 * page-wide element rules. One of them, a bare `footer { ... }` rule,
 * collided with the blog's own <footer class="blockquote-footer">
 * quote-attribution markup once landing.css was loaded there.
 *
 * The landing page keeps its own copy of --brand-accent/--brand-accent-lt/
 * --brand-primary in landing.css's own :root -- many landing-only rules
 * read them, and duplicating three color tokens is cheaper than making
 * landing.css depend on this file's load order.
 */
:root {
    --brand-accent:    #C5A059;
    --brand-accent-lt: #d4b577;
    --brand-primary:   #1A1A2E;
}

.btn-primary-gold {
    background: var(--brand-accent);
    color: var(--brand-primary);
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 0.93rem;
    padding: 0.88rem 2.1rem;
    border-radius: 12px;
    border: none;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.btn-primary-gold:hover {
    background: var(--brand-accent-lt);
    color: var(--brand-primary);
    transform: translateY(-3px);
    box-shadow: 0 14px 32px rgba(197,160,89,0.38);
}