/* ==========================================================================
   组件：按钮
   依赖 base.css 的设计令牌
   ========================================================================== */

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 24px;
    border: 1px solid transparent;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.4;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.btn--lg {
    padding: 15px 36px;
    font-size: 16px;
}

.btn--primary {
    background-color: var(--brand);
    color: #fff;
}

.btn--primary:hover {
    background-color: var(--brand-dark);
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(125, 43, 51, 0.26);
}

.btn--ghost {
    background-color: transparent;
    color: var(--text);
    border-color: var(--line);
}

.btn--ghost:hover {
    border-color: var(--brand);
    color: var(--brand);
}

.btn--outline {
    background-color: transparent;
    color: var(--brand);
    border-color: var(--brand);
}

.btn--outline:hover {
    background-color: var(--brand);
    color: #fff;
}