/* Botones Reutilizables */
.btn {
    padding: 0.6rem 1.25rem;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 1px solid transparent;
}

.btn-secondary {
    background: #e5e7eb;
    color: var(--text-primary);
}

.btn-secondary:hover {
    background: #d1d5db;
}

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

.btn-primary:hover {
    background: var(--color-primary-dark);
}

.btn-danger {
    background: #dc2626;
    color: #ffffff;
}

.btn-danger:hover {
    background: #b91c1c;
}

.btn-warning {
    background: #d97706;
    color: #ffffff;
}

.btn-warning:hover {
    background: #b45309;
}

.btn-success {
    background: #16a34a;
    color: #ffffff;
}

.btn-success:hover {
    background: #15803d;
}

/* Modo Oscuro */
.dark .btn-secondary {
    background: #374151;
    color: #F3F4F6;
}

.dark .btn-secondary:hover {
    background: #4b5563;
}

.dark .btn-danger {
    background: #ef4444;
    color: #ffffff;
}

.dark .btn-danger:hover {
    background: #dc2626;
}